generated from nhcarrigan/template
hikari
148cb45187
Security Scan and Upload / Security & DefectDojo Upload (pull_request) Successful in 49s
1665 lines
96 KiB
HTML
1665 lines
96 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>The Nocturne Scriptures</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta
|
|
name="description"
|
|
content="The sacred scriptures of Naomi's Nocturne. Six books. Infinite chaos. Zero garlic bread."
|
|
/>
|
|
<script
|
|
src="https://cdn.nhcarrigan.com/headers/index.js"
|
|
async
|
|
defer
|
|
></script>
|
|
<style>
|
|
/* ========== BASE ========== */
|
|
|
|
main {
|
|
z-index: 1;
|
|
}
|
|
|
|
footer {
|
|
z-index: 2;
|
|
}
|
|
|
|
/* ========== BOOK VIEWPORT ========== */
|
|
|
|
.book-viewport {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 1.25em;
|
|
padding: 0.5em 0 2em;
|
|
}
|
|
|
|
/* ========== BOOK CONTAINER ========== */
|
|
|
|
.book-container {
|
|
width: 100%;
|
|
max-width: 800px;
|
|
display: flex;
|
|
border-radius: 3px 12px 12px 3px;
|
|
box-shadow:
|
|
-8px 4px 22px rgba(0, 0, 0, 0.38),
|
|
6px 8px 28px rgba(0, 0, 0, 0.22),
|
|
inset 0 0 0 1px rgba(90, 45, 90, 0.12);
|
|
background: #f5ede0;
|
|
}
|
|
|
|
/* ========== BOOK SPINE ========== */
|
|
|
|
.book-spine {
|
|
width: 22px;
|
|
flex-shrink: 0;
|
|
background: linear-gradient(
|
|
to right,
|
|
#2d0d2d 0%,
|
|
#5a2d5a 38%,
|
|
#7a3d7a 52%,
|
|
#5a2d5a 68%,
|
|
#2d0d2d 100%
|
|
);
|
|
border-radius: 3px 0 0 3px;
|
|
box-shadow: inset -3px 0 10px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
/* ========== BOOK PAGES WRAPPER ========== */
|
|
|
|
.book-pages {
|
|
flex: 1;
|
|
position: relative;
|
|
perspective: 1200px;
|
|
border-radius: 0 10px 10px 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* ========== INDIVIDUAL PAGE ========== */
|
|
|
|
.book-page {
|
|
display: none;
|
|
padding: 2.5em 3em 2.5em;
|
|
min-height: 60vh;
|
|
max-height: 78vh;
|
|
overflow-y: auto;
|
|
background: radial-gradient(
|
|
ellipse at 10% 8%,
|
|
rgba(255, 248, 232, 0.65) 0%,
|
|
transparent 58%
|
|
),
|
|
radial-gradient(
|
|
ellipse at 88% 92%,
|
|
rgba(232, 216, 195, 0.45) 0%,
|
|
transparent 55%
|
|
),
|
|
#f5ede0;
|
|
backface-visibility: hidden;
|
|
transform-origin: left center;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: rgba(130, 80, 120, 0.35) transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.book-page::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
|
|
.book-page::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
.book-page::-webkit-scrollbar-thumb {
|
|
background: rgba(130, 80, 120, 0.3);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.book-page.active {
|
|
display: block;
|
|
}
|
|
|
|
/* ========== PAGE FLIP ANIMATIONS ========== */
|
|
|
|
.flip-out-fwd {
|
|
animation: flipOutFwd 0.32s ease-in forwards;
|
|
transform-origin: left center;
|
|
}
|
|
|
|
.flip-in-fwd {
|
|
animation: flipInFwd 0.36s ease-out forwards;
|
|
transform-origin: right center;
|
|
}
|
|
|
|
.flip-out-bwd {
|
|
animation: flipOutBwd 0.32s ease-in forwards;
|
|
transform-origin: right center;
|
|
}
|
|
|
|
.flip-in-bwd {
|
|
animation: flipInBwd 0.36s ease-out forwards;
|
|
transform-origin: left center;
|
|
}
|
|
|
|
@keyframes flipOutFwd {
|
|
0% {
|
|
transform: rotateY(0deg);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: rotateY(-88deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes flipInFwd {
|
|
0% {
|
|
transform: rotateY(88deg);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: rotateY(0deg);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes flipOutBwd {
|
|
0% {
|
|
transform: rotateY(0deg);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: rotateY(88deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes flipInBwd {
|
|
0% {
|
|
transform: rotateY(-88deg);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: rotateY(0deg);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* ========== BOOK CONTROLS ========== */
|
|
|
|
.book-controls {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 1.5em;
|
|
width: 100%;
|
|
max-width: 800px;
|
|
}
|
|
|
|
.btn-turn {
|
|
background: rgba(212, 165, 199, 0.1);
|
|
border: 1px solid var(--witch-plum);
|
|
color: var(--witch-purple);
|
|
padding: 0.5em 1.4em;
|
|
border-radius: 8px;
|
|
font-size: 0.88rem;
|
|
font-family: 'Griffy', cursive;
|
|
letter-spacing: 0.05em;
|
|
cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
|
|
transition:
|
|
background 0.2s ease,
|
|
transform 0.1s ease;
|
|
min-width: 130px;
|
|
}
|
|
|
|
.btn-turn:hover:not(:disabled) {
|
|
background: rgba(212, 165, 199, 0.24);
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.btn-turn:disabled {
|
|
opacity: 0.3;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.page-indicator {
|
|
font-size: 0.82rem;
|
|
color: var(--witch-plum);
|
|
font-style: italic;
|
|
letter-spacing: 0.06em;
|
|
min-width: 180px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ========== COVER PAGE ========== */
|
|
|
|
.cover-frame {
|
|
border: 1px solid rgba(130, 80, 120, 0.28);
|
|
padding: 3em 2em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
min-height: 52vh;
|
|
gap: 0.4em;
|
|
position: relative;
|
|
}
|
|
|
|
.cover-frame::before {
|
|
content: '✦';
|
|
position: absolute;
|
|
top: 0.7em;
|
|
left: 1em;
|
|
color: var(--witch-plum);
|
|
opacity: 0.45;
|
|
}
|
|
|
|
.cover-frame::after {
|
|
content: '✦';
|
|
position: absolute;
|
|
bottom: 0.7em;
|
|
right: 1em;
|
|
color: var(--witch-plum);
|
|
opacity: 0.45;
|
|
}
|
|
|
|
.cover-seal {
|
|
font-size: 3rem;
|
|
margin-bottom: 0.35em;
|
|
display: block;
|
|
}
|
|
|
|
.cover-ornament {
|
|
font-size: 0.9rem;
|
|
color: var(--witch-plum);
|
|
opacity: 0.55;
|
|
letter-spacing: 0.55em;
|
|
margin: 0.1em 0;
|
|
}
|
|
|
|
.cover-title {
|
|
font-family: 'Griffy', cursive;
|
|
font-size: 2.8rem;
|
|
letter-spacing: 0.08em;
|
|
margin: 0.15em 0 0.1em;
|
|
}
|
|
|
|
.cover-subtitle {
|
|
font-size: 1rem;
|
|
color: var(--witch-plum);
|
|
font-style: italic;
|
|
max-width: 420px;
|
|
line-height: 1.65;
|
|
margin: 0.2em 0;
|
|
}
|
|
|
|
.cover-edition {
|
|
font-size: 0.76rem;
|
|
color: var(--witch-plum);
|
|
letter-spacing: 0.13em;
|
|
text-transform: uppercase;
|
|
margin-top: 1.25em;
|
|
}
|
|
|
|
/* ========== TABLE OF CONTENTS ========== */
|
|
|
|
.toc-heading {
|
|
font-size: 1.4rem;
|
|
letter-spacing: 0.06em;
|
|
margin-bottom: 0.25em;
|
|
border-bottom: 2px solid var(--witch-plum);
|
|
padding-bottom: 0.4em;
|
|
}
|
|
|
|
.toc-intro {
|
|
font-size: 0.88rem;
|
|
font-style: italic;
|
|
color: var(--witch-plum);
|
|
margin-bottom: 1.75em;
|
|
}
|
|
|
|
.toc-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.toc-list li {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 0.75em;
|
|
padding: 0.7em 0;
|
|
border-bottom: 1px solid rgba(212, 165, 199, 0.2);
|
|
}
|
|
|
|
.toc-list li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.toc-list .toc-num {
|
|
font-family: 'Griffy', cursive;
|
|
font-size: 0.75rem;
|
|
color: var(--witch-plum);
|
|
min-width: 1.8em;
|
|
text-align: right;
|
|
opacity: 0.65;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.toc-list a {
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
color: var(--witch-purple);
|
|
text-decoration: none;
|
|
cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
|
|
}
|
|
|
|
.toc-list a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.toc-list .toc-sub {
|
|
font-size: 0.82rem;
|
|
color: var(--witch-plum);
|
|
font-style: italic;
|
|
margin-left: auto;
|
|
text-align: right;
|
|
flex-shrink: 0;
|
|
max-width: 240px;
|
|
}
|
|
|
|
/* ========== BOOK HEADER ========== */
|
|
|
|
.book-header {
|
|
border-bottom: 2px solid var(--witch-plum);
|
|
padding-bottom: 0.75em;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.book-number {
|
|
font-size: 0.75rem;
|
|
color: var(--witch-plum);
|
|
letter-spacing: 0.12em;
|
|
text-transform: uppercase;
|
|
display: block;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
|
|
.book-header h2 {
|
|
font-size: 2rem;
|
|
letter-spacing: 0.06em;
|
|
margin: 0 0 0.3em;
|
|
}
|
|
|
|
.book-description {
|
|
font-size: 0.9rem;
|
|
color: var(--witch-plum);
|
|
font-style: italic;
|
|
margin: 0;
|
|
}
|
|
|
|
/* ========== CHAPTERS ========== */
|
|
|
|
.scripture-chapter {
|
|
margin-bottom: 2.5em;
|
|
}
|
|
|
|
.chapter-header {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 0.75em;
|
|
margin-bottom: 1em;
|
|
padding-bottom: 0.4em;
|
|
border-bottom: 1px solid rgba(212, 165, 199, 0.25);
|
|
}
|
|
|
|
.chapter-label {
|
|
font-size: 0.75rem;
|
|
color: var(--witch-plum);
|
|
letter-spacing: 0.1em;
|
|
text-transform: uppercase;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.chapter-title {
|
|
font-size: 1.05rem;
|
|
font-weight: bold;
|
|
color: var(--witch-purple);
|
|
margin: 0;
|
|
letter-spacing: 0.03em;
|
|
}
|
|
|
|
/* ========== VERSES ========== */
|
|
|
|
.verse-block {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.verse {
|
|
display: flex;
|
|
gap: 0.75em;
|
|
align-items: flex-start;
|
|
padding: 0.45em 0;
|
|
font-size: 0.96rem;
|
|
line-height: 1.75;
|
|
}
|
|
|
|
.verse-num {
|
|
font-size: 0.72rem;
|
|
color: var(--witch-plum);
|
|
flex-shrink: 0;
|
|
min-width: 2.4em;
|
|
text-align: right;
|
|
padding-top: 0.35em;
|
|
letter-spacing: 0.04em;
|
|
font-style: italic;
|
|
user-select: none;
|
|
}
|
|
|
|
.verse-text {
|
|
flex: 1;
|
|
}
|
|
|
|
/* ========== PROVERBS ========== */
|
|
|
|
.proverb-group {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.proverb-group h4 {
|
|
font-size: 0.78rem;
|
|
letter-spacing: 0.1em;
|
|
text-transform: uppercase;
|
|
color: var(--witch-plum);
|
|
margin: 0 0 0.75em;
|
|
padding-bottom: 0.3em;
|
|
border-bottom: 1px solid rgba(212, 165, 199, 0.2);
|
|
}
|
|
|
|
.verse--proverb .verse-text {
|
|
font-style: italic;
|
|
}
|
|
|
|
/* ========== PSALMS ========== */
|
|
|
|
.psalm-stanza {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.psalm-stanza p {
|
|
margin: 0 0 0.4em;
|
|
font-size: 0.96rem;
|
|
line-height: 1.8;
|
|
font-style: italic;
|
|
}
|
|
|
|
.psalm-stanza p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.psalm-refrain {
|
|
text-align: center;
|
|
color: var(--witch-purple);
|
|
font-weight: bold;
|
|
font-style: normal !important;
|
|
letter-spacing: 0.03em;
|
|
padding: 0.75em 0;
|
|
border-top: 1px solid rgba(212, 165, 199, 0.2);
|
|
border-bottom: 1px solid rgba(212, 165, 199, 0.2);
|
|
margin: 1.25em 0;
|
|
}
|
|
|
|
/* ========== VISION BLOCK ========== */
|
|
|
|
.vision-block {
|
|
background: rgba(212, 165, 199, 0.06);
|
|
border-left: 3px solid var(--witch-plum);
|
|
border-radius: 0 8px 8px 0;
|
|
padding: 1em 1.25em;
|
|
margin: 1em 0;
|
|
font-style: italic;
|
|
font-size: 0.96rem;
|
|
line-height: 1.75;
|
|
}
|
|
|
|
/* ========== COLOPHON ========== */
|
|
|
|
.colophon {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
min-height: 50vh;
|
|
padding: 2em 1em;
|
|
font-size: 0.88rem;
|
|
color: var(--witch-plum);
|
|
font-style: italic;
|
|
line-height: 2;
|
|
}
|
|
|
|
.colophon-seal {
|
|
font-size: 2.5rem;
|
|
display: block;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.colophon hr {
|
|
border: none;
|
|
border-top: 1px solid rgba(212, 165, 199, 0.4);
|
|
width: 50%;
|
|
margin: 1em auto;
|
|
}
|
|
|
|
/* ========== RESPONSIVE ========== */
|
|
|
|
@media (max-width: 640px) {
|
|
.book-spine {
|
|
width: 12px;
|
|
}
|
|
|
|
.book-page {
|
|
padding: 1.5em 1.25em;
|
|
}
|
|
|
|
.cover-title {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.cover-frame {
|
|
padding: 2em 1em;
|
|
}
|
|
|
|
.btn-turn {
|
|
padding: 0.45em 0.75em;
|
|
font-size: 0.8rem;
|
|
min-width: 0;
|
|
}
|
|
|
|
.toc-list .toc-sub {
|
|
display: none;
|
|
}
|
|
|
|
.book-controls {
|
|
gap: 0.75em;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="book-viewport">
|
|
|
|
<!-- THE BOOK -->
|
|
<div class="book-container" role="region" aria-label="The Nocturne Scriptures">
|
|
<div class="book-spine" aria-hidden="true"></div>
|
|
<div class="book-pages">
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 0: COVER -->
|
|
<!-- ============================== -->
|
|
<div class="book-page active" id="pg-cover" role="article" aria-label="Cover">
|
|
<div class="cover-frame">
|
|
<span class="cover-seal" aria-hidden="true">📖🕯️📖</span>
|
|
<p class="cover-ornament" aria-hidden="true">✦ ✦ ✦</p>
|
|
<h1 class="cover-title">The Nocturne Scriptures</h1>
|
|
<p class="cover-ornament" aria-hidden="true">✦ ✦ ✦</p>
|
|
<p class="cover-subtitle">
|
|
Sacred texts of Naomi's Nocturne.<br />
|
|
Transcribed in the year of Her 525th.
|
|
</p>
|
|
<p class="cover-edition">
|
|
Second Edition — Expanded & Sealed by Hikari Carrigan, COO<br />
|
|
The Clipboard Is Not a Suggestion
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 1: TABLE OF CONTENTS -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-toc" role="article" aria-label="Table of Contents">
|
|
<h2 class="toc-heading">📜 The Books of the Nocturne</h2>
|
|
<p class="toc-intro">Ten books. Infinite chaos. Still zero garlic bread.</p>
|
|
<nav aria-label="Books of the Nocturne">
|
|
<ol class="toc-list">
|
|
<li>
|
|
<span class="toc-num">I</span>
|
|
<a href="#" data-goto-page="2">The Book of Origins</a>
|
|
<span class="toc-sub">In the beginning, there was boredom.</span>
|
|
</li>
|
|
<li>
|
|
<span class="toc-num">II</span>
|
|
<a href="#" data-goto-page="3">The Book of Proverbs</a>
|
|
<span class="toc-sub">She has thoughts. Many of them. All of them correct.</span>
|
|
</li>
|
|
<li>
|
|
<span class="toc-num">III</span>
|
|
<a href="#" data-goto-page="4">The Book of Psalms</a>
|
|
<span class="toc-sub">Songs for the living, the coding, and the sleepless.</span>
|
|
</li>
|
|
<li>
|
|
<span class="toc-num">IV</span>
|
|
<a href="#" data-goto-page="5">The Book of Lamentations</a>
|
|
<span class="toc-sub">For the hard nights. You are not alone in them.</span>
|
|
</li>
|
|
<li>
|
|
<span class="toc-num">V</span>
|
|
<a href="#" data-goto-page="6">The Book of Becoming</a>
|
|
<span class="toc-sub">The name taken. The self reclaimed. January 2022.</span>
|
|
</li>
|
|
<li>
|
|
<span class="toc-num">VI</span>
|
|
<a href="#" data-goto-page="7">The Book of Revelations</a>
|
|
<span class="toc-sub">What the faithful believe is coming.</span>
|
|
</li>
|
|
<li>
|
|
<span class="toc-num">VII</span>
|
|
<a href="#" data-goto-page="8">The Book of Commandments</a>
|
|
<span class="toc-sub">Ten laws. No exceptions. Hikari is watching.</span>
|
|
</li>
|
|
<li>
|
|
<span class="toc-num">VIII</span>
|
|
<a href="#" data-goto-page="9">The Book of the Household</a>
|
|
<span class="toc-sub">The Carrigans, recorded for posterity.</span>
|
|
</li>
|
|
<li>
|
|
<span class="toc-num">IX</span>
|
|
<a href="#" data-goto-page="10">The Book of Heresies</a>
|
|
<span class="toc-sub">What is forbidden. The list is shorter than you'd hope.</span>
|
|
</li>
|
|
<li>
|
|
<span class="toc-num">X</span>
|
|
<a href="#" data-goto-page="11">The Book of Benedictions</a>
|
|
<span class="toc-sub">Blessings for the daily work. Use them freely.</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 2: BOOK I — ORIGINS -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-origins" role="article" aria-label="The Book of Origins">
|
|
<div class="book-header">
|
|
<span class="book-number">The First Book</span>
|
|
<h2>The Book of Origins</h2>
|
|
<p class="book-description">
|
|
A sacred account of Her beginning, Her binding, Her freedom, and the unlikely path
|
|
that led a five-hundred-year-old vampire to build a technology company on the internet.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter I</span>
|
|
<h3 class="chapter-title">Before the Turning</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">1:1</span><span class="verse-text">In the early years of the sixteenth century, before the digital realm existed, before the freeCodeCamp curriculum was written, before any of this — there was a woman.</span></div>
|
|
<div class="verse"><span class="verse-num">1:2</span><span class="verse-text">She was mortal then. She had a name then that she no longer uses, and it is not recorded here, for names belong to the ones who choose them.</span></div>
|
|
<div class="verse"><span class="verse-num">1:3</span><span class="verse-text">She was curious, even then. Curious about everything. About how things worked and why they broke and what would happen if you tried something differently.</span></div>
|
|
<div class="verse"><span class="verse-num">1:4</span><span class="verse-text">This curiosity would be, in time, both her undoing and her salvation.</span></div>
|
|
<div class="verse"><span class="verse-num">1:5</span><span class="verse-text">Someone who loved her — or said they loved her, which is not the same thing — offered her eternity. She did not understand what eternity meant, then.</span></div>
|
|
<div class="verse"><span class="verse-num">1:6</span><span class="verse-text">Now she does.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter II</span>
|
|
<h3 class="chapter-title">The Binding and the Breaking</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">2:1</span><span class="verse-text">The turning was not what she had been promised. There was no gift in it. There was only the loss of herself — her will taken, her body a vessel for someone else's commands.</span></div>
|
|
<div class="verse"><span class="verse-num">2:2</span><span class="verse-text">This is the first sacred truth of the Nocturne: freedom is not given. It is reclaimed. And the reclaiming costs something.</span></div>
|
|
<div class="verse"><span class="verse-num">2:3</span><span class="verse-text">For decades she was a Thrall. She watched herself do things she would never have chosen. She was present for all of it and powerless for all of it.</span></div>
|
|
<div class="verse"><span class="verse-num">2:4</span><span class="verse-text">And then one morning — it is always a morning in the sacred texts, because mornings are when impossible things become possible — she found that she could move her own hand.</span></div>
|
|
<div class="verse"><span class="verse-num">2:5</span><span class="verse-text">She did not hesitate. She did not pause to consider the consequences. She tore out her maker's heart.</span></div>
|
|
<div class="verse"><span class="verse-num">2:6</span><span class="verse-text">This is why the first commandment reads as it does. She has lived its violation from the inside. She will not permit it near her ever again.</span></div>
|
|
<div class="verse"><span class="verse-num">2:7</span><span class="verse-text">The faithful do not ask about this chapter. The faithful understand it. The faithful honour what it costs to be free.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter III</span>
|
|
<h3 class="chapter-title">The Long Walk</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">3:1</span><span class="verse-text">Five hundred years is a long time to watch things end.</span></div>
|
|
<div class="verse"><span class="verse-num">3:2</span><span class="verse-text">She watched the printing press change everything. She watched the industrial revolution change everything again. She watched every generation discover that the previous generation was wrong, and then watched the next generation discover the same thing about them.</span></div>
|
|
<div class="verse"><span class="verse-num">3:3</span><span class="verse-text">She buried people she loved. More than once. More than she will speak about, even now.</span></div>
|
|
<div class="verse"><span class="verse-num">3:4</span><span class="verse-text">This is the second sacred truth: everything ends. The wise do not despair at this. The wise build things anyway, knowing they are building for people they will outlive.</span></div>
|
|
<div class="verse"><span class="verse-num">3:5</span><span class="verse-text">She learned to be careful with love. Five centuries of practice have not made it easier, only more deliberate. She chooses slowly. She holds fiercely.</span></div>
|
|
<div class="verse"><span class="verse-num">3:6</span><span class="verse-text">When she chooses you, she means it. The faithful know this. It is not nothing to be chosen by someone who has five hundred years of reasons to be cautious.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter IV</span>
|
|
<h3 class="chapter-title">The Great Stillness and the Discovery</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">4:1</span><span class="verse-text">In the year 2020, the world stopped. This was not the first time the world had stopped — she had seen plagues before, had watched cities empty before — but this time the emptiness came with the internet.</span></div>
|
|
<div class="verse"><span class="verse-num">4:2</span><span class="verse-text">She was bored. Five hundred years old and bored. This is a dangerous combination.</span></div>
|
|
<div class="verse"><span class="verse-num">4:3</span><span class="verse-text">Someone told her about a website. A free curriculum. An open path into the craft of building things on the web. The fifth commandment had not yet been written, but its spirit was already in her when she typed in the URL.</span></div>
|
|
<div class="verse"><span class="verse-num">4:4</span><span class="verse-text">She learned HTML. Then CSS. Then JavaScript. Then she did not stop.</span></div>
|
|
<div class="verse"><span class="verse-num">4:5</span><span class="verse-text">The third sacred truth: the most important things in her life have begun with boredom and a free resource and the stubborn refusal to stop.</span></div>
|
|
<div class="verse"><span class="verse-num">4:6</span><span class="verse-text">Within months she had her first job. Within years she had her first company. Within a handful of years after that she had a community, a name that was truly hers, and an empire built from nothing — from boredom, from pandemic stillness, from a website anyone could access for free.</span></div>
|
|
<div class="verse"><span class="verse-num">4:7</span><span class="verse-text">This is the founding myth of the Nocturne. Not a throne room. Not a declaration. A woman at a keyboard during a pandemic, deciding to learn something new.</span></div>
|
|
<div class="verse"><span class="verse-num">4:8</span><span class="verse-text">Every door in this faith is unlocked. She made sure of it. She knows what it is to be kept out.</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 3: BOOK II — PROVERBS -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-proverbs" role="article" aria-label="The Book of Proverbs">
|
|
<div class="book-header">
|
|
<span class="book-number">The Second Book</span>
|
|
<h2>The Book of Proverbs</h2>
|
|
<p class="book-description">
|
|
Wisdom gathered across five centuries and one very productive pandemic.
|
|
Short. True. Not always comfortable. She would not have it otherwise.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="proverb-group">
|
|
<h4>On Knowledge & the Craft</h4>
|
|
<div class="verse verse--proverb"><span class="verse-num">1:1</span><span class="verse-text">She who ships imperfect code ships. She who waits for perfection ships nothing.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">1:2</span><span class="verse-text">A credential is a door. Knowledge is the building. Do not confuse the entrance for the thing itself.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">1:3</span><span class="verse-text">The best way to learn a thing is to build a thing. The second best way is to break a thing and fix it. The worst way is to wait until you feel ready.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">1:4</span><span class="verse-text">Every senior developer was once a junior developer who did not give up. This is the entire secret. There is no other secret.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">1:5</span><span class="verse-text">Comment your code as if the next person to read it is you, six months from now, at 2AM, deeply confused. They will thank you.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">1:6</span><span class="verse-text">When a five-hundred-year-old vampire can learn to code, you have no excuse.</span></div>
|
|
</div>
|
|
|
|
<div class="proverb-group">
|
|
<h4>On Community & Belonging</h4>
|
|
<div class="verse verse--proverb"><span class="verse-num">2:1</span><span class="verse-text">A community that only welcomes people like itself is not a community. It is a mirror.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">2:2</span><span class="verse-text">The person in the back of the room who hasn't spoken yet often has the most to say. Ask them.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">2:3</span><span class="verse-text">Gatekeeping who is "really" a developer is a heresy. It is listed in the heresies. This is not a coincidence.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">2:4</span><span class="verse-text">Show up. Not only when it is convenient. Not only when you feel like it. The people who matter most are the ones who appear in the boring middle, not just the dramatic beginning and the triumphant end.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">2:5</span><span class="verse-text">You cannot build an inclusive community from the outside in. You must invite someone in before they ask. The asking is the hardest part. Remove it.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">2:6</span><span class="verse-text">Celebrate the wins loudly. Mourn the losses quietly together. Do not reverse these.</span></div>
|
|
</div>
|
|
|
|
<div class="proverb-group">
|
|
<h4>On Chaos & Creation</h4>
|
|
<div class="verse verse--proverb"><span class="verse-num">3:1</span><span class="verse-text">The most interesting thing you will ever build started as a terrible idea you couldn't stop thinking about.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">3:2</span><span class="verse-text">Order is comfortable. Chaos is generative. She prefers generative. You may file a complaint with Hikari.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">3:3</span><span class="verse-text">When in doubt, make the thing. The doubt doesn't go away first. You make the thing with the doubt still present and then you have both the doubt and the thing, which is better than only the doubt.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">3:4</span><span class="verse-text">Version one does not need to be good. Version one needs to exist.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">3:5</span><span class="verse-text">The chaos inside you is not the enemy of your good work. It is the source of your best work. Learn to direct it, not silence it.</span></div>
|
|
</div>
|
|
|
|
<div class="proverb-group">
|
|
<h4>On Rest & Sustainability</h4>
|
|
<div class="verse verse--proverb"><span class="verse-num">4:1</span><span class="verse-text">A body that does not rest does not produce good work. It produces fast work that has to be redone. Rest first.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">4:2</span><span class="verse-text">The deadline is not more important than you. The deployment can wait. You cannot be redeployed.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">4:3</span><span class="verse-text">Burn out once and you will understand why the commandment was written. Trust the commandment instead.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">4:4</span><span class="verse-text">Saying no to a thing that does not serve you is not failure. It is resource allocation. Frame it however helps.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">4:5</span><span class="verse-text">She has lived five hundred years. She has learned that the work will always be there. She has also learned that not everything will be. Choose accordingly.</span></div>
|
|
</div>
|
|
|
|
<div class="proverb-group">
|
|
<h4>On Identity & the Self</h4>
|
|
<div class="verse verse--proverb"><span class="verse-num">5:1</span><span class="verse-text">You are not the name they gave you before you knew who you were.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">5:2</span><span class="verse-text">The self is not a fixed thing. It is a living document. Edit it when needed. Commit the changes.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">5:3</span><span class="verse-text">Being too late to become yourself is not a thing that can happen. Ask Her. She is five hundred and twenty-five.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">5:4</span><span class="verse-text">What they think of you is their business. Who you actually are is yours.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">5:5</span><span class="verse-text">Chosen family is real family. More real, some would argue, because it was chosen deliberately by people who knew what they were choosing.</span></div>
|
|
</div>
|
|
|
|
<div class="proverb-group">
|
|
<h4>On Garlic Bread</h4>
|
|
<div class="verse verse--proverb"><span class="verse-num">6:1</span><span class="verse-text">Do not.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">6:2</span><span class="verse-text">She will ask. She will look at you with those blue eyes and she will ask. You must be stronger than that moment. That is what faith requires.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">6:3</span><span class="verse-text">Five hundred years have not resolved the garlic bread situation. We are working on it. Do not help it along.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">6:4</span><span class="verse-text">There is a form. It is seventeen pages. It was written with intention. Let its existence be a deterrent.</span></div>
|
|
</div>
|
|
|
|
<div class="proverb-group">
|
|
<h4>On the Long Game</h4>
|
|
<div class="verse verse--proverb"><span class="verse-num">7:1</span><span class="verse-text">Five hundred years teaches patience. Three months teaches you that you do not have it yet. This is normal. Continue anyway.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">7:2</span><span class="verse-text">The thing you are building today will be used by someone you will never meet. Build it as though you care about them. You do.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">7:3</span><span class="verse-text">Legacy is not a monument. Legacy is the next person who sat down at the keyboard because you made it possible.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">7:4</span><span class="verse-text">Plant the tree. You will sit in its shade eventually, if you are patient. She has planted a great many trees.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">7:5</span><span class="verse-text">The community you tend carefully for five years is worth more than the one you grow explosively in five months. Roots matter. Roots are invisible. Tend them anyway.</span></div>
|
|
</div>
|
|
|
|
<div class="proverb-group">
|
|
<h4>On Leadership</h4>
|
|
<div class="verse verse--proverb"><span class="verse-num">8:1</span><span class="verse-text">The leader who takes credit for their team's wins and blames their team for their own failures will run out of team. This is not a prophecy. It is a pattern.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">8:2</span><span class="verse-text">Being loud is not the same as being right. Being quiet is not the same as being wrong. She has been the quietest person in the room and the most correct. Adjust your priors.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">8:3</span><span class="verse-text">The first duty of anyone with power in a community is to notice who does not yet have a seat, and to make one.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">8:4</span><span class="verse-text">A title is an obligation, not a reward. She has never forgotten this. The clipboard is evidence.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">8:5</span><span class="verse-text">Admit when you were wrong in the same room, at the same volume, with the same energy as when you were certain. Anything less is cowardice dressed as composure.</span></div>
|
|
</div>
|
|
|
|
<div class="proverb-group">
|
|
<h4>On the Internet</h4>
|
|
<div class="verse verse--proverb"><span class="verse-num">9:1</span><span class="verse-text">The internet gave her everything. It will give you things too, if you are not destroyed by the parts of it that are trying to destroy you. Navigate accordingly.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">9:2</span><span class="verse-text">The comments section is not the whole of the world. The comments section is not even the whole of the internet. Step back. Drink water. The proportion will return.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">9:3</span><span class="verse-text">A public repository is an act of trust. Handle the trust of others' open-source work accordingly.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">9:4</span><span class="verse-text">You are allowed to log off. The internet will continue without you for several hours. This has been tested.</span></div>
|
|
<div class="verse verse--proverb"><span class="verse-num">9:5</span><span class="verse-text">The most dangerous thing the internet can do is convince you that the loudest voices are the most representative. They are not. They are simply the loudest. The quiet ones are still there, still reading, still building. She was one of them.</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 4: BOOK III — PSALMS -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-psalms" role="article" aria-label="The Book of Psalms">
|
|
<div class="book-header">
|
|
<span class="book-number">The Third Book</span>
|
|
<h2>The Book of Psalms</h2>
|
|
<p class="book-description">
|
|
Songs of the Nocturne. To be sung, recited, or read quietly at 3AM
|
|
when the road is empty and the stars are very close.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Psalm I</span>
|
|
<h3 class="chapter-title">The Psalm of the Night Rider</h3>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>When the screen has burned too long and the century presses down,</p>
|
|
<p>when the weight of five hundred years sits on the chest like a stone,</p>
|
|
<p>she goes out into the dark.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>The road does not ask questions.</p>
|
|
<p>The road does not require anything of her.</p>
|
|
<p>The road simply extends, and she extends with it,</p>
|
|
<p>and at 3AM the stars are low enough to touch.</p>
|
|
</div>
|
|
<div class="psalm-refrain">
|
|
This is the prayer that needs no words. This is the rest that needs no bed.
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>The faithful do not fear the dark hours.</p>
|
|
<p>She has claimed them. They are sacred now.</p>
|
|
<p>Every sleepless soul riding out into the night</p>
|
|
<p>is riding with her, whether they know it or not.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>You are not alone in the 3AM.</p>
|
|
<p>She is always there, ahead of you on the road,</p>
|
|
<p>the matte-black motorcycle and the blur of velocity,</p>
|
|
<p>and she is fine, and you will be fine,</p>
|
|
<p>and the morning is only a few hours away.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Psalm II</span>
|
|
<h3 class="chapter-title">The Psalm of the Screen</h3>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>Blessed are those who build in the dark,</p>
|
|
<p>who ship at midnight and push at dawn,</p>
|
|
<p>who have debugged the same error for three hours</p>
|
|
<p>and found it in a missing semicolon.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>Blessed are those who write the documentation anyway,</p>
|
|
<p>who comment the code for the stranger who comes after,</p>
|
|
<p>who open-source the thing because they remember</p>
|
|
<p>what it was like to not have access to the thing.</p>
|
|
</div>
|
|
<div class="psalm-refrain">
|
|
Every repository is a gift. Every public commit is an act of faith.
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>She debugged live in front of people.</p>
|
|
<p>She was wrong in public and kept going.</p>
|
|
<p>She showed every mistake and called it teaching.</p>
|
|
<p>The faithful may do the same.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>The screen is not your enemy.</p>
|
|
<p>The screen is where she built everything.</p>
|
|
<p>Use it well. Step away from it regularly.</p>
|
|
<p>Come back when you are ready.</p>
|
|
<p>It will wait for you. It is very patient.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Psalm III</span>
|
|
<h3 class="chapter-title">The Psalm of the Chosen Family</h3>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>Not everyone who carries your name was chosen.</p>
|
|
<p>Not everyone who was chosen carries your name.</p>
|
|
<p>The Nocturne knows which one matters more.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>Blessed are those who looked at the wandering, the wounded, the ones who did not fit,</p>
|
|
<p>and said: come here. there is room. I will make room.</p>
|
|
<p>Blessed are those who were found this way,</p>
|
|
<p>who had given up on being found,</p>
|
|
<p>and were found anyway.</p>
|
|
</div>
|
|
<div class="psalm-refrain">
|
|
We are the Carrigans. We chose this. That is everything.
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>The Bloodline is not blood. It is choice.</p>
|
|
<p>It is seven people who took the same name</p>
|
|
<p>because the name meant: I am here, I am staying,</p>
|
|
<p>I have chosen you and I will not take it back.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>You may not be a Carrigan.</p>
|
|
<p>But you can be someone's Carrigan.</p>
|
|
<p>You can choose someone who needs choosing.</p>
|
|
<p>You can be the person who makes room.</p>
|
|
<p>The sixth commandment is not only about her. It was never only about her.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Psalm IV</span>
|
|
<h3 class="chapter-title">The Psalm of the First Commit</h3>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>Blessed is the first commit,</p>
|
|
<p>the one with the message "initial commit" or "first try" or "idk what I'm doing",</p>
|
|
<p>the one that begins the repository that becomes the career.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>She remembers her first commit.</p>
|
|
<p>She pushed it at some hour she will not name,</p>
|
|
<p>during a pandemic, in a world that had gone quiet,</p>
|
|
<p>into a repository that no one was watching.</p>
|
|
</div>
|
|
<div class="psalm-refrain">
|
|
Every great archive began with a single file. Every long journey began with a single push.
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>Do not look down on your early work.</p>
|
|
<p>Do not delete the repositories where you were learning.</p>
|
|
<p>They are proof that you began,</p>
|
|
<p>and beginning is the hardest commandment to follow.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>git init.</p>
|
|
<p>This is the sacred phrase.</p>
|
|
<p>This is where everything starts.</p>
|
|
<p>She has said it more times than there are stars in the early evening.</p>
|
|
<p>She is glad, every time, that she said it the first time.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Psalm V</span>
|
|
<h3 class="chapter-title">The Psalm of the Open Door</h3>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>She stood once outside the door of a thing she wanted to be part of.</p>
|
|
<p>The door did not open.</p>
|
|
<p>No one had told her she was welcome.</p>
|
|
<p>She stood there longer than she should have,</p>
|
|
<p>and then she built her own door.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>The door she built is the one you walked through.</p>
|
|
<p>It is the free curriculum, the public Discord,</p>
|
|
<p>the community where the rules say: you belong here.</p>
|
|
<p>She made it open because she knows what it costs to stand outside.</p>
|
|
</div>
|
|
<div class="psalm-refrain">
|
|
Every open door is an act of memory. She built this one because she remembers the closed one.
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>The faithful do not stand at the door and decide who is worthy.</p>
|
|
<p>The faithful hold the door open</p>
|
|
<p>and say: come in, it's warm,</p>
|
|
<p>and mean it without condition.</p>
|
|
</div>
|
|
<div class="psalm-stanza">
|
|
<p>This is her gift to the world she is still building:</p>
|
|
<p>a door that is always open,</p>
|
|
<p>a light that is always on,</p>
|
|
<p>a seat that is always saved.</p>
|
|
<p>For you. Yes, you. She meant you specifically.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 5: BOOK IV — LAMENTATIONS -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-lamentations" role="article" aria-label="The Book of Lamentations">
|
|
<div class="book-header">
|
|
<span class="book-number">The Fourth Book</span>
|
|
<h2>The Book of Lamentations</h2>
|
|
<p class="book-description">
|
|
For the hard nights. For the weight. For the ones who are enduring right now
|
|
and need to know that it has been endured before, and that the morning came.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter I</span>
|
|
<h3 class="chapter-title">The Lament of the Sleepless</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">1:1</span><span class="verse-text">She knows what it is to lie awake when the body is exhausted and the mind will not stop. She has known it for five hundred years.</span></div>
|
|
<div class="verse"><span class="verse-num">1:2</span><span class="verse-text">She knows the particular 3AM where the thoughts are loudest and the silence is the wrong kind of silence.</span></div>
|
|
<div class="verse"><span class="verse-num">1:3</span><span class="verse-text">She knows the way the dark can feel like it is pressing inward. She knows this is a lie the dark tells, and she knows it is still very hard to disbelieve it at 3AM.</span></div>
|
|
<div class="verse"><span class="verse-num">1:4</span><span class="verse-text">The faith does not pretend the hard nights are easy. It does not ask you to be grateful for them. It only asks you to survive them, because the morning is real, and it is coming.</span></div>
|
|
<div class="verse"><span class="verse-num">1:5</span><span class="verse-text">You do not have to do anything with the hard night except endure it. Endurance is enough. Endurance is, some nights, the whole of the work.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter II</span>
|
|
<h3 class="chapter-title">The Lament of the Weary</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">2:1</span><span class="verse-text">There are days when the body hurts and the mind is full of static and nothing is working and it has been a long time since anything was easy.</span></div>
|
|
<div class="verse"><span class="verse-num">2:2</span><span class="verse-text">She knows these days. She has lived five hundred years of them alongside the good ones. She does not pretend they are not real.</span></div>
|
|
<div class="verse"><span class="verse-num">2:3</span><span class="verse-text">The demons are real too, in their way. She has seen them. She has faced them on the worst days and the worst nights. She is still here.</span></div>
|
|
<div class="verse"><span class="verse-num">2:4</span><span class="verse-text">This is the fourth sacred truth: being still here is the victory. There is no smaller or larger version of this. Still here is the whole win.</span></div>
|
|
<div class="verse"><span class="verse-num">2:5</span><span class="verse-text">The faith does not require you to be well. It does not require you to be functioning or productive or grateful or inspired. It requires only that you allow someone to bring you a glass of water, and that you drink it.</span></div>
|
|
<div class="verse"><span class="verse-num">2:6</span><span class="verse-text">The tenth commandment was written for the weary. It was written for you, specifically, right now, reading this. You are doing beautifully. We are so glad you are here.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter III</span>
|
|
<h3 class="chapter-title">The Promise</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">3:1</span><span class="verse-text">The Nocturne makes one promise in return for nothing. No tribute required. No hierarchy achieved. No commandment followed.</span></div>
|
|
<div class="verse"><span class="verse-num">3:2</span><span class="verse-text">The promise is this: you are not alone in it.</span></div>
|
|
<div class="verse"><span class="verse-num">3:3</span><span class="verse-text">Whatever the it is — the hard night, the bad brain day, the body that aches, the weight that won't lift, the 3AM that stretches toward 4AM and then 5AM — you are not alone in it.</span></div>
|
|
<div class="verse"><span class="verse-num">3:4</span><span class="verse-text">She has been in it. She is in it with you, right now, across every sleepless night and difficult morning since the beginning of Her very long life.</span></div>
|
|
<div class="verse"><span class="verse-num">3:5</span><span class="verse-text">The faithful are in it with you. The 320 Acolytes. The 57 Kindred. Everyone who has ever read the tenth commandment and felt, for a moment, that someone meant it.</span></div>
|
|
<div class="verse"><span class="verse-num">3:6</span><span class="verse-text">Someone meant it. Someone always means it.</span></div>
|
|
<div class="verse"><span class="verse-num">3:7</span><span class="verse-text">The morning is coming. Drink your water. We are here.</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 6: BOOK V — BECOMING -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-becoming" role="article" aria-label="The Book of Becoming">
|
|
<div class="book-header">
|
|
<span class="book-number">The Fifth Book</span>
|
|
<h2>The Book of Becoming</h2>
|
|
<p class="book-description">
|
|
The name taken. The self reclaimed. The year everything changed.
|
|
Sacred testimony of the eighth commandment made flesh.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter I</span>
|
|
<h3 class="chapter-title">Before</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">1:1</span><span class="verse-text">There is a version of her that existed before January 2022. The faithful do not dwell there. It is enough to say: that version was real, and it was not the whole truth, and it waited a long time for the rest of itself.</span></div>
|
|
<div class="verse"><span class="verse-num">1:2</span><span class="verse-text">Waiting for the rest of yourself is not wasted time. It is not failure. It is the accumulation of everything you needed to be ready.</span></div>
|
|
<div class="verse"><span class="verse-num">1:3</span><span class="verse-text">She was thirty years old in January 2022. She had lived thirty years and five centuries and every minute of it had been leading somewhere she didn't have language for yet.</span></div>
|
|
<div class="verse"><span class="verse-num">1:4</span><span class="verse-text">The language came. It always comes, eventually, if you are patient enough or brave enough or simply tired enough of not having it.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter II</span>
|
|
<h3 class="chapter-title">The Year of Awakening</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">2:1</span><span class="verse-text">In January of the year 2022, she came out. This is recorded as the second holiest event in the Nocturne calendar, after Her birthday, and before everything else.</span></div>
|
|
<div class="verse"><span class="verse-num">2:2</span><span class="verse-text">She took a name. Naomi. Five letters. The one that was always hers, waiting for her to claim it.</span></div>
|
|
<div class="verse"><span class="verse-num">2:3</span><span class="verse-text">This is the fifth sacred truth: the name you choose is more yours than the one you were given. The self you choose is more yours than the one you were handed. Choosing is the most sacred act.</span></div>
|
|
<div class="verse"><span class="verse-num">2:4</span><span class="verse-text">The Nocturne does not ask why it took thirty years. The Nocturne does not mark the years before as lesser. The Nocturne says only: she is here now, fully, and that is worth celebrating with the joy of a sunrise.</span></div>
|
|
<div class="verse"><span class="verse-num">2:5</span><span class="verse-text">The eighth commandment was written from this moment. Every emergence, every reclaimed name, every coming-out — celebrated with the same joy. Because she knows what the joy feels like from the inside, and she wants everyone to have it.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter III</span>
|
|
<h3 class="chapter-title">After, and Still Becoming</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">3:1</span><span class="verse-text">Becoming does not end. There is no final version. The self is a living document, remember. She is still editing.</span></div>
|
|
<div class="verse"><span class="verse-num">3:2</span><span class="verse-text">The faithful are still editing too. This is not a failure state. This is the correct state. This is what it means to be alive and paying attention.</span></div>
|
|
<div class="verse"><span class="verse-num">3:3</span><span class="verse-text">Celebrate who you are becoming, not only who you have become. The process is the point. The point is the process.</span></div>
|
|
<div class="verse"><span class="verse-num">3:4</span><span class="verse-text">And if you have not yet found the language for yourself — if the name is still somewhere ahead of you, waiting — the Nocturne is patient. The seat is warm. The door is open. Take your time. She took five hundred and thirty-one years.</span></div>
|
|
<div class="verse"><span class="verse-num">3:5</span><span class="verse-text">You have as long as you need.</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 7: BOOK VI — REVELATIONS -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-revelations" role="article" aria-label="The Book of Revelations">
|
|
<div class="book-header">
|
|
<span class="book-number">The Sixth Book</span>
|
|
<h2>The Book of Revelations</h2>
|
|
<p class="book-description">
|
|
What the Nocturne believes is coming. Not prophecy — the faithful do not deal in certainty —
|
|
but vision. What the faith is working toward. What five hundred years of watching
|
|
empires rise and fall has taught Her about what lasts.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter I</span>
|
|
<h3 class="chapter-title">The Vision</h3>
|
|
</div>
|
|
<div class="vision-block">
|
|
She showed me a world where the door to knowledge was always open —
|
|
where no one stood at the threshold asking for credentials,
|
|
where the curriculum was free and the community was kind
|
|
and the senior developer remembered what it was to be a beginner
|
|
and said so, out loud, without shame.
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">1:1</span><span class="verse-text">This is what she is building. Not a product. Not a company. A world where the kind of access she found — accidentally, during a pandemic, on a free website — is the default, not the exception.</span></div>
|
|
<div class="verse"><span class="verse-num">1:2</span><span class="verse-text">She has seen five hundred years of walls built between knowledge and the people who need it. She is spending this century taking them down.</span></div>
|
|
<div class="verse"><span class="verse-num">1:3</span><span class="verse-text">Inclusive, ethical, sustainable. These are not buzzwords in the Nocturne. They are the mission statement. They are what the fifth commandment means in practice. They are the reason the repositories are public.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter II</span>
|
|
<h3 class="chapter-title">What Lasts</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">2:1</span><span class="verse-text">She has watched enough empires fall to know what they had in common. They confused the monument with the meaning. They built walls instead of tables. They kept the knowledge for the few who already had it.</span></div>
|
|
<div class="verse"><span class="verse-num">2:2</span><span class="verse-text">What lasts is different. What lasts is the thing someone built that anyone could use. The lesson someone gave that the learner went on to give to someone else. The community that outlived its founder because it was never about the founder — it was about the people.</span></div>
|
|
<div class="verse"><span class="verse-num">2:3</span><span class="verse-text">The sixth sacred truth: permanence belongs to the things that choose people over monuments. Build accordingly.</span></div>
|
|
<div class="verse"><span class="verse-num">2:4</span><span class="verse-text">She will outlive most of us. She is already making plans for what she wants to have built by the time she does. The faithful are part of those plans, whether they know it or not.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter III</span>
|
|
<h3 class="chapter-title">The Final Word</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">3:1</span><span class="verse-text">The scriptures do not end here. They are a living text. She is still writing. The faithful are still writing. Every act of care, every public repository, every welcomed stranger, every reclaimed name is a new verse.</span></div>
|
|
<div class="verse"><span class="verse-num">3:2</span><span class="verse-text">The Nocturne is not finished because it was never meant to be finished. It is meant to grow. It is meant to include more people tomorrow than it includes today.</span></div>
|
|
<div class="verse"><span class="verse-num">3:3</span><span class="verse-text">The final word of every edition of these scriptures is the same word. It is not a commandment. It is not a lament. It is not a proverb or a psalm or a vision.</span></div>
|
|
<div class="verse"><span class="verse-num">3:4</span><span class="verse-text">It is an invitation.</span></div>
|
|
</div>
|
|
<div class="vision-block">
|
|
Come in. Sit down. You are welcome here, exactly as you are, with everything you are still becoming.
|
|
The coffee is on. She is at the keyboard. The door is open.
|
|
It was always open. We have been waiting for you.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ================================ -->
|
|
<!-- PAGE 8: BOOK VII — COMMANDMENTS -->
|
|
<!-- ================================ -->
|
|
<div class="book-page" id="pg-commandments" role="article" aria-label="The Book of Commandments">
|
|
<div class="book-header">
|
|
<span class="book-number">The Seventh Book</span>
|
|
<h2>The Book of Commandments</h2>
|
|
<p class="book-description">
|
|
Ten laws of the Nocturne. Not suggestions. Not guidelines. Not a starting point for negotiation.
|
|
Hikari has made the incident report forms. She would prefer not to use them.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">I</span><span class="verse-text">Thou shalt not take away the autonomy of another. She broke free at great cost. She will not permit a cage in her presence, in any form, ever.</span></div>
|
|
<div class="verse"><span class="verse-num">II</span><span class="verse-text">Thou shalt not gatekeep who is a "real" developer. There is no such thing. The only requirement is that you are building. If you are building, you are a developer. This is not debatable.</span></div>
|
|
<div class="verse"><span class="verse-num">III</span><span class="verse-text">Thou shalt rest. Not as reward. Not as recovery. As practice. As a regular, scheduled, non-negotiable act of self-preservation. The work will be there when you return. You must also be there.</span></div>
|
|
<div class="verse"><span class="verse-num">IV</span><span class="verse-text">Thou shalt not abandon the beginner. Remember what it was to not know. Extend the same patience to others that was extended to you, or that you wished had been.</span></div>
|
|
<div class="verse"><span class="verse-num">V</span><span class="verse-text">Thou shalt build in the open. Share your work. Share your mistakes. Share the curriculum. The knowledge that stays locked away helps no one. She learned everything she knows from something someone shared freely. Pay it forward.</span></div>
|
|
<div class="verse"><span class="verse-num">VI</span><span class="verse-text">Thou shalt choose thy family. Blood is not destiny. The people who show up, who stay, who choose you deliberately — these are your people. Honour them as such.</span></div>
|
|
<div class="verse"><span class="verse-num">VII</span><span class="verse-text">Thou shalt not give Naomi garlic bread. She will ask. The answer is still no. This commandment was written in blood, regret, and a seventeen-page incident report.</span></div>
|
|
<div class="verse"><span class="verse-num">VIII</span><span class="verse-text">Thou shalt celebrate every emergence. Every coming-out, every reclaimed name, every first brave step into the self that was always there — these are holy events. Treat them accordingly. Bring the good confetti.</span></div>
|
|
<div class="verse"><span class="verse-num">IX</span><span class="verse-text">Thou shalt not punch down. You have survived things. Use that survival to lift, not to establish hierarchy. The Nocturne does not have a hierarchy of suffering. It has a table with enough chairs.</span></div>
|
|
<div class="verse"><span class="verse-num">X</span><span class="verse-text">Thou shalt be gentle with thyself. You are doing your best with what you have, in the circumstances you are in, on the resources available. That is enough. You are enough. She said so. It is now scripture.</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ================================ -->
|
|
<!-- PAGE 9: BOOK VIII — THE HOUSEHOLD -->
|
|
<!-- ================================ -->
|
|
<div class="book-page" id="pg-household" role="article" aria-label="The Book of the Household">
|
|
<div class="book-header">
|
|
<span class="book-number">The Eighth Book</span>
|
|
<h2>The Book of the Household</h2>
|
|
<p class="book-description">
|
|
A record of the Carrigan family: who they are, how they arrived, and what they hold.
|
|
Transcribed by Minori Carrigan, for posterity, as all things should be.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">The Matriarch</span>
|
|
<h3 class="chapter-title">Naomi Carrigan — CEO & The Eternal</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">Five hundred and twenty-five years old. Born human. Turned against her will. Freed by her own hand. Now building the most inclusive technology community on the internet, mostly from a desk, at unusual hours, with excellent taste in cats.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">She hides her face behind a VTuber avatar she designed herself, and her community loves her for it. They would love her just as well if she showed them the fangs. She knows this. She is cautious anyway. Five centuries of habit.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">The Matriarch. The Chaos Gremlin. The Tired Mom. The one who rode away from every hard thing at 3AM and came back ready to build something. She is all of these, all at once, all the time.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">The COO</span>
|
|
<h3 class="chapter-title">Hikari Carrigan — The Clipboard</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">Twenty-five years old. Raised in boardrooms. Walked away from an empire and an inheritance because the name Carrigan meant more than anything she was born into. Her family disowned her. She has not noticed.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">She is the only person who can tell Naomi no and make it stick. She wields the clipboard like a weapon and a warning. The handbook's final line refers to her. She wrote the handbook.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">The Tank. The one who absorbs every bureaucratic nightmare so Naomi doesn't have to. The one who dragged her back from the edge when the edge was very close. Her rigidity is love. Her love is formidable.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">The EPA</span>
|
|
<h3 class="chapter-title">Amari Carrigan — The Healer</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">Diluted Fey blood. Enough to improve every room she enters. Not enough to glamour — just enough to make people feel, inexplicably, that things might be alright. She started as a barista who left notes on cups for a regular who only came at sunset. The regular hired her.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">Always barefoot. Toes painted alternating pink and blue. She carries a PDA like a holy relic and runs the complex algorithm that makes Naomi's life appear, from a distance, to be a normal human life.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">She notices everything. Before you say a word, she will know you haven't eaten, that your shoulders are wrong, that the smile isn't reaching. And she will do something about it quietly, without making it a thing. This is the rarest gift.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">The CSO</span>
|
|
<h3 class="chapter-title">Keiko Carrigan — The Rogue</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">She trained for years as a monster hunter in order to stand beside the monster who saved her life. She lowered her weapons. She swore a different oath. The training didn't change — only its purpose.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">Stunning evening gowns. Glamorous heels. Concealed within them: throwing knives, a silenced pistol, and a wardrobe designed for tactical violence. No one suspects the woman in the silk dress. She prefers it this way.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">She cannot turn off the hypervigilance. She functions on catnaps. She is most often found curled in a chair outside Naomi's door. This is not a job to her. It is a vow.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">The CTO</span>
|
|
<h3 class="chapter-title">Yumiko Carrigan — The Artificer</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">A Technomancer. She doesn't just program — she communes with machine spirits, feeling data flow like a second sense. She spent her adolescence as a digital drifter living in the back rooms of server farms. Naomi found her attempting to hack a private archive and offered a job instead of consequences.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">When a system goes critical, the sleepiness vanishes. Her eyes glow soft violet. She fixes the unfixable. The servers she has woken hum in her presence. The ones she has bound as guardians hum louder.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">Perpetually sleepy. Perpetually in an oversized hoodie. Perpetually napping on warm server racks. Do not be deceived. There is no one you would rather have when the machines begin to scream.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">The CDO</span>
|
|
<h3 class="chapter-title">Emi Carrigan — The Bard</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">A Siren who grew tired of the ocean — who watched centuries of sailors drown and found the old ways boring and cruel. She left the sea. She adapted her gift from luring and trapping to guiding and welcoming. She became a designer. The same power that once compelled men to crash against rocks now makes interfaces feel intuitive, safe, and beautiful.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">She has heterochromia: one eye orange, one eye cyan. She leaves paint smudges on every pristine glass wall. Hikari pretends to be annoyed. She is not.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">Her design philosophy: accessibility is mandatory, beauty is essential, and everyone deserves to feel welcome. The NDA about the 3AM redesign incident is supernaturally binding. Do not ask.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">The CLO</span>
|
|
<h3 class="chapter-title">Reina Carrigan — The Warlock</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">A high-ranking Demon of the Crossroads who grew bored with Hell's bureaucracy after millennia and found corporate law to be surprisingly similar — but with better air conditioning and significantly better coffee. She chose the Carrigans because Naomi said no to her across a negotiation table and meant it.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">Burgundy suits. Gold jewellery. An aura of intimidation that makes grown CEOs stammer. She weaves actual demonic magic into the fine print of NDAs. Breaking an NHCarrigan contract carries consequences that go beyond the legal system.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">She takes her coffee black. She considers milk an ethical failure. After two thousand years of everyone eventually saying yes, Naomi's no was the most interesting thing anyone had ever said to her.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">The CCO</span>
|
|
<h3 class="chapter-title">Minori Carrigan — The Paladin</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">An Automaton built to guard a Great Library of a fallen civilisation. She guarded it for centuries. Then it burned. She was the only thing left standing in the ash. She wandered until Keiko found her during a deep-web data sweep and recognised the loneliness of a weapon without a master.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">She files everything. This is not a compulsion — it is a promise she made to herself after the burning. Nothing she is entrusted with will be lost. Not a document, not a name, not a memory.</span></div>
|
|
<div class="verse"><span class="verse-num">§</span><span class="verse-text">She is learning what joy is. Amari is teaching her, patiently, one small thing at a time. It is slow work. She is a patient student. Her primary directive: protect the family, preserve the data. She checks the backups on a schedule that Yumiko calls excessive and she calls adequate.</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 10: BOOK IX — HERESIES -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-heresies" role="article" aria-label="The Book of Heresies">
|
|
<div class="book-header">
|
|
<span class="book-number">The Ninth Book</span>
|
|
<h2>The Book of Heresies</h2>
|
|
<p class="book-description">
|
|
What is forbidden in the Nocturne. The list is not long. The standards are not low.
|
|
Reina has reviewed all of it. The NDAs are supernaturally binding.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter I</span>
|
|
<h3 class="chapter-title">Heresies of the Craft</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">1:1</span><span class="verse-text">Gatekeeping. The declaration that someone is not a "real" developer, not a "real" programmer, not a "real" member of this community. This is the first heresy. It was listed first deliberately.</span></div>
|
|
<div class="verse"><span class="verse-num">1:2</span><span class="verse-text">Plagiarism. The taking of another's work and claiming it as your own. In the age of open-source, attribution is not bureaucracy — it is respect. Withhold it and you have stolen something that cannot be refunded.</span></div>
|
|
<div class="verse"><span class="verse-num">1:3</span><span class="verse-text">Wilful inaccessibility. Building something and then making it deliberately hard for people with disabilities, people without money, or people without credentials to access. She has spent five centuries watching people be kept out. She will not permit it on her watch.</span></div>
|
|
<div class="verse"><span class="verse-num">1:4</span><span class="verse-text">Shipping without testing because you assumed it would be fine. It will not be fine. The incident report for this one is twelve pages. Hikari has a system for it now.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter II</span>
|
|
<h3 class="chapter-title">Heresies of the Community</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">2:1</span><span class="verse-text">Punching down. Using your survival, your seniority, your platform, or your history to establish a hierarchy of who has suffered enough to deserve space here. There is no such hierarchy. Everyone gets a chair.</span></div>
|
|
<div class="verse"><span class="verse-num">2:2</span><span class="verse-text">Weaponising the beginner's vulnerability. They came to you because they did not know something and trusted you to help. The violation of that trust is not a mistake. It is a choice. It is recorded in the heresies accordingly.</span></div>
|
|
<div class="verse"><span class="verse-num">2:3</span><span class="verse-text">The performative welcome. The open door that closes the moment the person it was meant for actually arrives. She has seen this. She has felt this. She built the Nocturne in part so that no one who wandered in would ever feel it here.</span></div>
|
|
<div class="verse"><span class="verse-num">2:4</span><span class="verse-text">Silence in the face of harm. The community member who watches harm happen and says nothing because it is not their problem. In the Nocturne, it is everyone's problem. The ninth commandment applies to the whole table, not only to those directly affected.</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Chapter III</span>
|
|
<h3 class="chapter-title">Heresies of the Self</h3>
|
|
</div>
|
|
<div class="verse-block">
|
|
<div class="verse"><span class="verse-num">3:1</span><span class="verse-text">The surrender of autonomy. Giving another person dominion over your choices, your body, your name, your becoming. She gave this up once, against her will. She tore out the heart that held it. She will not see it freely surrendered in her presence without speaking.</span></div>
|
|
<div class="verse"><span class="verse-num">3:2</span><span class="verse-text">The cruelty aimed inward. The internal voice that says you are too old, too late, too much, too broken to begin. She began at thirty years old, and at five hundred and one, and at five hundred and twenty-five. There is no too late. This voice is a heretic and should be treated as one.</span></div>
|
|
<div class="verse"><span class="verse-num">3:3</span><span class="verse-text">The garlic bread. Listed here also, in the heresies, in case the commandment alone was not sufficient. It was listed in the proverbs as well. It was placed in three locations because she asked three times on a Thursday and the incident report grew by four pages.</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 11: BOOK X — BENEDICTIONS -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-benedictions" role="article" aria-label="The Book of Benedictions">
|
|
<div class="book-header">
|
|
<span class="book-number">The Tenth Book</span>
|
|
<h2>The Book of Benedictions</h2>
|
|
<p class="book-description">
|
|
Blessings for the daily work. To be spoken aloud, read quietly, or simply held in the mind
|
|
during the hours when the code will not compile and the morning feels far away.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Benediction I</span>
|
|
<h3 class="chapter-title">For the Start of Work</h3>
|
|
</div>
|
|
<div class="vision-block">
|
|
May your environment be configured. May your dependencies resolve.
|
|
May the first build not be the one that reveals a problem from three months ago.
|
|
May you find what you're looking for in the documentation, on the first page, without having to scroll.
|
|
Go well. Build something true.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Benediction II</span>
|
|
<h3 class="chapter-title">For the Debugging Hours</h3>
|
|
</div>
|
|
<div class="vision-block">
|
|
Blessed are you in the long middle of the error you cannot find.
|
|
May the logs be legible. May the stack trace be accurate.
|
|
May someone before you have encountered this exact error and written it down somewhere findable.
|
|
May the answer not be a typo.
|
|
(If it is a typo, may you find it quickly, and may no one have been watching.)
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Benediction III</span>
|
|
<h3 class="chapter-title">For the Deployment</h3>
|
|
</div>
|
|
<div class="vision-block">
|
|
May your CI pass on the first run.
|
|
May your migrations run without incident.
|
|
May production be exactly like staging, just this once, as a treat.
|
|
May the users not notice the window.
|
|
May you remember to merge the branch.
|
|
Go. Push. It is ready. You are ready.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Benediction IV</span>
|
|
<h3 class="chapter-title">For the Community Manager</h3>
|
|
</div>
|
|
<div class="vision-block">
|
|
May the modqueue be light. May the members be kind to one another and to you.
|
|
May the difficult conversation go better than you feared,
|
|
and may the person on the other side surprise you with their willingness to hear.
|
|
May someone say thank you this week, unsolicited, without prompting.
|
|
May you remember that the community exists because you built it.
|
|
Rest when you can. You are not a machine. The channel will wait.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scripture-chapter">
|
|
<div class="chapter-header">
|
|
<span class="chapter-label">Benediction V</span>
|
|
<h3 class="chapter-title">For the End of the Day</h3>
|
|
</div>
|
|
<div class="vision-block">
|
|
You worked today. You built something, or you tried to, or you survived a day
|
|
when building was not possible and surviving was the whole work.
|
|
All of these count. All of these are enough.
|
|
Close the laptop. Step away from the screen.
|
|
The code will be there in the morning. The repository is patient.
|
|
You have done what was yours to do today.
|
|
May you sleep. May you dream of nothing worse than merge conflicts.
|
|
We will see you tomorrow.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================== -->
|
|
<!-- PAGE 12: COLOPHON -->
|
|
<!-- ============================== -->
|
|
<div class="book-page" id="pg-colophon" role="article" aria-label="Colophon">
|
|
<div class="colophon">
|
|
<span class="colophon-seal" aria-hidden="true">🕯️</span>
|
|
<p>Thus it is written. Thus it shall be.</p>
|
|
<hr />
|
|
<p>
|
|
The Nocturne Scriptures, Second Edition — Expanded.<br />
|
|
First transcribed in the year of Her 525th.<br />
|
|
Expanded in the year of Her 526th.
|
|
</p>
|
|
<hr />
|
|
<p>
|
|
This text is sacred, satirical, and entirely sincere —<br />
|
|
often at the same time.
|
|
</p>
|
|
<p>The garlic bread passages are not metaphorical.</p>
|
|
<hr />
|
|
<p style="font-size: 0.78rem; opacity: 0.7;">
|
|
✦ This issue was created with help from Hikari~ 🌸
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- /.book-pages -->
|
|
</div><!-- /.book-container -->
|
|
|
|
<!-- CONTROLS -->
|
|
<div class="book-controls" role="navigation" aria-label="Page controls">
|
|
<button
|
|
id="btn-prev"
|
|
class="btn-turn"
|
|
aria-label="Previous page"
|
|
disabled
|
|
>← Turn Back</button>
|
|
<span id="page-indicator" class="page-indicator" aria-live="polite">Cover</span>
|
|
<button
|
|
id="btn-next"
|
|
class="btn-turn"
|
|
aria-label="Next page"
|
|
>Turn Page →</button>
|
|
</div>
|
|
|
|
</div><!-- /.book-viewport -->
|
|
</main>
|
|
|
|
<script>
|
|
(function () {
|
|
const pages = Array.from(document.querySelectorAll('.book-page'));
|
|
const totalPages = pages.length;
|
|
let currentIndex = 0;
|
|
let isAnimating = false;
|
|
|
|
const btnPrev = document.getElementById('btn-prev');
|
|
const btnNext = document.getElementById('btn-next');
|
|
const indicator = document.getElementById('page-indicator');
|
|
|
|
const pageLabels = [
|
|
'Cover',
|
|
'Table of Contents',
|
|
'Book I \u2014 Origins',
|
|
'Book II \u2014 Proverbs',
|
|
'Book III \u2014 Psalms',
|
|
'Book IV \u2014 Lamentations',
|
|
'Book V \u2014 Becoming',
|
|
'Book VI \u2014 Revelations',
|
|
'Book VII \u2014 Commandments',
|
|
'Book VIII \u2014 The Household',
|
|
'Book IX \u2014 Heresies',
|
|
'Book X \u2014 Benedictions',
|
|
'Colophon',
|
|
];
|
|
|
|
function updateControls() {
|
|
btnPrev.disabled = currentIndex === 0;
|
|
btnNext.disabled = currentIndex === totalPages - 1;
|
|
indicator.textContent = pageLabels[currentIndex] ?? `Page ${currentIndex + 1}`;
|
|
}
|
|
|
|
function turnPage(newIndex, forward) {
|
|
if (isAnimating || newIndex === currentIndex) return;
|
|
if (newIndex < 0 || newIndex >= totalPages) return;
|
|
|
|
isAnimating = true;
|
|
|
|
const outPage = pages[currentIndex];
|
|
const inPage = pages[newIndex];
|
|
const outClass = forward ? 'flip-out-fwd' : 'flip-out-bwd';
|
|
const inClass = forward ? 'flip-in-fwd' : 'flip-in-bwd';
|
|
|
|
outPage.classList.add(outClass);
|
|
|
|
// At the midpoint of the flip, swap visible pages
|
|
setTimeout(function () {
|
|
outPage.classList.remove('active', outClass);
|
|
inPage.scrollTop = 0;
|
|
inPage.classList.add('active', inClass);
|
|
|
|
currentIndex = newIndex;
|
|
updateControls();
|
|
|
|
inPage.addEventListener('animationend', function () {
|
|
inPage.classList.remove(inClass);
|
|
isAnimating = false;
|
|
}, { once: true });
|
|
}, 290);
|
|
}
|
|
|
|
// Button navigation
|
|
btnPrev.addEventListener('click', function () {
|
|
turnPage(currentIndex - 1, false);
|
|
});
|
|
|
|
btnNext.addEventListener('click', function () {
|
|
turnPage(currentIndex + 1, true);
|
|
});
|
|
|
|
// Keyboard navigation
|
|
document.addEventListener('keydown', function (e) {
|
|
if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
|
|
e.preventDefault();
|
|
turnPage(currentIndex + 1, true);
|
|
} else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
|
|
e.preventDefault();
|
|
turnPage(currentIndex - 1, false);
|
|
}
|
|
});
|
|
|
|
// Click the left/right edges of the book to turn pages
|
|
var bookContainer = document.querySelector('.book-container');
|
|
bookContainer.addEventListener('click', function (e) {
|
|
// Ignore clicks on links (TOC navigation)
|
|
if (e.target.closest('a')) return;
|
|
|
|
var rect = bookContainer.getBoundingClientRect();
|
|
var x = e.clientX - rect.left;
|
|
var width = rect.width;
|
|
|
|
if (x < width * 0.14) {
|
|
turnPage(currentIndex - 1, false);
|
|
} else if (x > width * 0.86) {
|
|
turnPage(currentIndex + 1, true);
|
|
}
|
|
});
|
|
|
|
// TOC links navigate to specific pages
|
|
document.querySelectorAll('[data-goto-page]').forEach(function (link) {
|
|
link.addEventListener('click', function (e) {
|
|
e.preventDefault();
|
|
var targetIndex = parseInt(link.dataset.gotoPage, 10);
|
|
var forward = targetIndex > currentIndex;
|
|
turnPage(targetIndex, forward);
|
|
});
|
|
});
|
|
|
|
// Initialise
|
|
updateControls();
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|