Spaces:

InversionLabs
/

inversion-excursion

Running

App Files Files Community

Knowurknot commited on 18 days ago

Commit

45538b5

verified ·

1 Parent(s): 42dcdab

Upload index.html with huggingface_hub

Browse files

Files changed (1) hide show

index.html +91 -18

index.html CHANGED Viewed

@@ -1,19 +1,92 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

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