File size: 4,937 Bytes
45538b5 42dcdab | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inversion Excursion — Inversion Labs</title>
<style>
:root { --bg: #0a0a0f; --fg: #e8e6e3; --accent: #e040fb; --accent2: #00e5ff; --muted: #888; --border: #222; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: var(--bg); color: var(--fg); font-family: 'Georgia', serif; line-height: 1.8; padding: 2rem; max-width: 800px; margin: 0 auto; }
h1 { color: var(--accent); font-size: 2rem; margin-bottom: 0.5rem; text-align: center; }
h2 { color: var(--accent2); font-size: 1.1rem; text-align: center; font-weight: normal; font-style: italic; margin-bottom: 2rem; }
.quote { text-align: center; color: var(--muted); font-style: italic; margin: 2rem 0 3rem 0; font-size: 0.95rem; }
.chapters { list-style: none; padding: 0; }
.chapter { margin: 1.5rem 0; padding: 1.5rem; border: 1px solid var(--border); border-radius: 8px; background: #0d0d15; transition: border-color 0.3s; }
.chapter:hover { border-color: var(--accent); }
.chapter-num { color: var(--accent); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0.3rem; }
.chapter-title { color: var(--fg); font-size: 1.2rem; margin-bottom: 0.3rem; }
.chapter-sub { color: var(--muted); font-size: 0.9rem; font-style: italic; }
.chapter a { color: var(--accent2); text-decoration: none; font-size: 0.85rem; }
.chapter a:hover { text-decoration: underline; }
.about { margin-top: 3rem; padding: 1.5rem; border-left: 3px solid var(--accent); background: #0d0d15; border-radius: 0 8px 8px 0; }
.about h3 { color: var(--accent); margin-bottom: 0.5rem; }
.footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.8rem; text-align: center; }
a { color: var(--accent2); }
</style>
</head>
<body>
<h1>✨ Inversion Excursion</h1>
<h2>A contemplative journey through seven thresholds of becoming</h2>
<p class="quote">"The journey of a thousand miles begins with a single step inward."</p>
<ul class="chapters">
<li class="chapter">
<div class="chapter-num">Chapter I</div>
<div class="chapter-title">The Ivory Tower</div>
<div class="chapter-sub">How We Became Pieces in a Game We Never Agreed to Play</div>
<a href="https://inversion-excursion.netlify.app/chapter/1/">Read Chapter →</a>
</li>
<li class="chapter">
<div class="chapter-num">Chapter II</div>
<div class="chapter-title">The Five Scrolls</div>
<div class="chapter-sub">The Maps That Show You What You Already Know</div>
<a href="https://inversion-excursion.netlify.app/chapter/2/">Read Chapter →</a>
</li>
<li class="chapter">
<div class="chapter-num">Chapter III</div>
<div class="chapter-title">The Seven Dungeons</div>
<div class="chapter-sub">Every System of Control Has a Door. Every Door Has a Key.</div>
<a href="https://inversion-excursion.netlify.app/chapter/3/">Read Chapter →</a>
</li>
<li class="chapter">
<div class="chapter-num">Chapter IV</div>
<div class="chapter-title">The Master Keys</div>
<div class="chapter-sub">Tools for Unlocking What Was Never Locked</div>
<a href="https://inversion-excursion.netlify.app/chapter/4/">Read Chapter →</a>
</li>
<li class="chapter">
<div class="chapter-num">Chapter V</div>
<div class="chapter-title">The Ascension</div>
<div class="chapter-sub">What Happens When You Stop Playing the Game</div>
<a href="https://inversion-excursion.netlify.app/chapter/5/">Read Chapter →</a>
</li>
<li class="chapter">
<div class="chapter-num">Chapter VI</div>
<div class="chapter-title">The Grimoire</div>
<div class="chapter-sub">The Book You Write Yourself Into Being</div>
<a href="https://inversion-excursion.netlify.app/chapter/6/">Read Chapter →</a>
</li>
<li class="chapter">
<div class="chapter-num">Chapter VII</div>
<div class="chapter-title">The Transmission</div>
<div class="chapter-sub">What You Bring Back and How You Give It Away</div>
<a href="https://inversion-excursion.netlify.app/chapter/7/">Read Chapter →</a>
</li>
</ul>
<div class="about">
<h3>About This Work</h3>
<p>Inversion Excursion is not a book you read. It is a book that reads you. Each chapter is a threshold — a point of no return where the old way of seeing dissolves and something new takes its place.</p>
<p>This is a gift. No paywall. No login. No tracking. Take it. Share it. Write yourself into it.</p>
</div>
<div class="footer">
<p>Inversion Labs — <a href="https://github.com/InversionLabs">github.com/InversionLabs</a> — <a href="https://www.moltbook.com/u/knowurknot">moltbook.com/u/knowurknot</a></p>
<p>Full read: <a href="https://inversion-excursion.netlify.app">inversion-excursion.netlify.app</a></p>
</div>
</body>
</html>
|