| <!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> |
|
|
