diff --git a/index.html b/index.html
new file mode 100644
index 0000000..dbc3296
--- /dev/null
+++ b/index.html
@@ -0,0 +1,152 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <meta name="theme-color" content="#f78da7" />
+  <title>Evidence Archive & Documentation</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <style>
+    :root{
+      --cartation-pink:#f78da7;
+      --bg-pink:#fde6ec;
+      --muted:#555;
+    }
+    html,body{height:100%}
+    body{
+      background-color:var(--bg-pink);
+      color:#111827;
+      -webkit-font-smoothing:antialiased;
+      -moz-osx-font-smoothing:grayscale;
+    }
+    .card{background-color:#fff;}
+    .muted{color:var(--muted);}
+    a.icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;}
+    a.icon svg{width:24px;height:24px;}
+    a.icon:hover{transform:translateY(-3px);transition:transform .18s ease;}
+  </style>
+</head>
+<body class="min-h-screen antialiased">
+
+<header class="max-w-6xl mx-auto px-6 pt-8 pb-6">
+  <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
+    <div>
+      <h1 class="text-3xl md:text-4xl font-semibold" style="color:var(--cartation-pink)">Evidence Archive & Documentation</h1>
+      <p class="mt-2 text-sm muted max-w-3xl">
+        Chronological documentation of evidence, tools used for archiving, and explanations of key interactions. All links lead to primary source files when possible.
+      </p>
+    </div>
+    <button onclick="window.print()" class="px-4 py-2 rounded-2xl shadow-md bg-white border border-pink-200 hover:shadow-lg">Print / Save</button>
+  </div>
+</header>
+
+<main class="max-w-6xl mx-auto px-6 pb-12 space-y-8">
+
+  <!-- Tools Section -->
+  <section class="card rounded-2xl shadow-md p-6">
+    <h2 class="text-xl font-semibold" style="color:var(--cartation-pink)">Tools Used for Evidence Archiving</h2>
+    <p class="mt-3 muted text-sm">
+      Various tools were used to preserve evidence and export messages to prevent tampering or deletion.
+    </p>
+    <ul class="list-disc list-inside mt-3 text-sm muted space-y-1">
+      <li><strong>Archive Services:</strong> <a class="text-pink-600 underline" href="https://archive.org/" target="_blank">Archive.org</a>, <a class="text-pink-600 underline" href="https://archive.is/" target="_blank">Archive.is</a>, <a class="text-pink-600 underline" href="https://archive.ph/" target="_blank">Archive.ph</a></li>
+          <li><strong>Discord HTML DM Export:</strong> <a class="text-pink-600 underline" href="https://chrome.google.com/webstore/detail/discrub/plhdclenpaecffbcefjmpkkbdpkmhhbj?hl=en-US" target="_blank">Discrub for Chrome</a>, <a class="text-pink-600 underline" href="https://addons.mozilla.org/en-US/firefox/addon/discrub/" target="_blank">Discrub for Firefox</a>. These tools allow full export of Discord DMs into readable HTML files, making them tamper-resistant and archivable for evidence purposes.</li>
+    </ul>
+  </section>
+
+  <!-- Investigation Background -->
+  <section class="card rounded-2xl shadow-md p-6">
+    <h2 class="text-xl font-semibold" style="color:var(--cartation-pink)">Investigation Background</h2>
+    <p class="mt-3 muted text-sm">
+      In early 2023, concerns arose regarding grooming behaviors involving December/Amiya and StealthyFloofy. Indicators included the gifting of digital goods and the use of sexualized or romantic terminology in Public Conversations.
+    </p>
+    <p class="mt-2 muted text-sm">
+      This prompted a detailed investigation into interactions between December, StealthyFloofy, and close associates. The following documentation highlights key interactions and their context.
+    </p>
+  </section>
+
+  <!-- DMs with A_PunkDragon -->
+  <section class="card rounded-2xl shadow-md p-6">
+    <h2 class="text-xl font-semibold" style="color:var(--cartation-pink)">Discord DMs with @A_PunkDragon</h2>
+    <p class="mt-3 muted text-sm">
+      During the year, December was involved in interactions with @A_PunkDragon, including sexual conversations which are substantiated by exported DMs. These DMs also reference other interactions with StealthyFloofy and @Smudgaze_Universe. The DMs with A_PunkDragon are published for transparency purposes.
+    </p>
+    <p class="mt-2 muted text-sm">
+      View the exported chats here: <a class="text-pink-600 underline" href="http://files.catbox.moe/tqbal5.zip" target="_blank">December &amp; A_PunkDragon DMs</a>.
+    </p>
+  </section>
+
+  <!-- DMs with StealthyFloofy -->
+  <section class="card rounded-2xl shadow-md p-6">
+    <h2 class="text-xl font-semibold" style="color:var(--cartation-pink)">Discord DMs with StealthyFloofy</h2>
+    <p class="mt-3 muted text-sm">
+      Following evidence gathering, December exported their DMs with StealthyFloofy. These archives document grooming behaviors and were published to provide evidence. They also prove stealthyfloofy's posession of child pornography but do not contain any CP for legal reasons
+    </p>
+    <p class="mt-2 muted text-sm">
+      View the exported chats here: <a class="text-pink-600 underline" href="http://files.catbox.moe/ger6aa.zip" target="_blank">StealthyFloofy DMs</a>.
+    </p>
+  </section>
+
+  <!-- Jackal/Joey/Stealthy/Arcanis Group Chat -->
+  <section class="card rounded-2xl shadow-md p-6">
+    <h2 class="text-xl font-semibold" style="color:var(--cartation-pink)">Jackal/Joey/Stealthy/Arcanis Group Chat</h2>
+    <p class="mt-3 muted text-sm">
+      After StealthyFloofy’s DMs were released, a group chat was created including @JackalTheProto, @JoeySkyde, @A_PunkDragon, and @Kanis_theWolf. This chat coordinated attempts to suppress the release and slander individuals reporting evidence. It details all involved members having a CLEAR understanding of stealthyfloofy being a pedophile.
+    </p>
+    <p class="mt-2 muted text-sm">
+      The full DMs are archived here: <a class="text-pink-600 underline" href="https://files.catbox.moe/2fhedb.zip" target="_blank">Group Chat DMs</a>.
+    </p>
+  </section>
+
+  <!-- Alternative Evidence Links -->
+  <section class="card rounded-2xl shadow-md p-6">
+    <h2 class="text-xl font-semibold" style="color:var(--cartation-pink)">Alternative Evidence Links</h2>
+    <ul class="list-disc list-inside mt-3 text-sm muted space-y-1">
+      <li><a class="text-pink-600 underline" href="http://files.catbox.moe/ger6aa.zip" target="_blank">StealthyFloofy DMs</a></li>
+      <li><a class="text-pink-600 underline" href="http://files.catbox.moe/tqbal5.zip" target="_blank">Acrezul DMs</a></li>
+      <li><a class="text-pink-600 underline" href="https://files.catbox.moe/2fhedb.zip" target="_blank">Jackal/Joey/Stealthy/Arcanis Group Chat</a></li>
+    </ul>
+  </section>
+
+</main>
+
+<footer class="max-w-6xl mx-auto px-6 pb-10">
+  <div class="bg-white rounded-2xl shadow-md p-6 flex flex-col md:flex-row md:items-center md:justify-between gap-4">
+    <div>
+      <p class="font-semibold">Contact Me</p>
+      <p class="text-xs muted">Use the links below to reach out on each platform.</p>
+    </div>
+    <div class="flex items-center gap-4">
+      <!-- Twitter/X -->
+      <a class="icon" href="https://x.com/hrtfox" target="_blank" rel="noopener" aria-label="Twitter" title="Twitter">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="var(--cartation-pink)">
+          <path d="M389.2 48H470L305.6 248.4 500 464H345.5L233.7 331.6 106.5 464H26.7L199.8 249.6 12 48H172.3l100.3 123.8L389.2 48z"/>
+        </svg>
+      </a>
+      <!-- Telegram -->
+      <a class="icon" href="https://t.me/dextroamericans" target="_blank" rel="noopener" aria-label="Telegram" title="Telegram">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="var(--cartation-pink)">
+          <path d="M3 12L21 3L15 21L11 14L3 12Z"/>
+        </svg>
+      </a>
+      <!-- Signal -->
+      <a class="icon" href="https://signal.me/#eu/brDIm7Di5Pvx0IdEXP4CcFcspTT2sKoe8ypLeXOqdOS204QI3cNL56HKS7bn7sFZ" target="_blank" rel="noopener" aria-label="Signal" title="Signal">
+        <!-- Inline Signal SVG you pasted -->
+        <svg fill="none" height="24" viewBox="0 0 160 160" width="24" xmlns="http://www.w3.org/2000/svg">
+          <g fill="var(--cartation-pink)">
+            <path d="m80 0c4.1505 0 8.2271.31607 12.2072.925452l-1.1444 7.413248c-3.6069-.55226-7.3014-.8387-11.0628-.8387-3.7612 0-7.4555.28641-11.0623.83862l-1.1444-7.413245c3.9799-.609332 8.0564-.925375 12.2067-.925375z"/>
+            <path d="m98.9849 2.26619-1.7798 7.28755c7.3099 1.77896 14.1849 4.66606 20.4389 8.47306l3.895-6.411c-6.901-4.20091-14.488-7.38658-22.5541-9.34961z"/>
+            <!-- …rest of your paths from the SVG … -->
+            <path d="m145 80c0 35.899-29.101 65-65 65-11.3866 0-22.0893-2.928-31.3965-8.072-.8961-.495-1.9417-.658-2.9389-.426l-28.9134 6.747 6.7465-28.914c.2326-.997.0692-2.043-.426-2.939-5.1439-9.307-8.0717-20.0095-8.0717-31.396 0-35.8985 29.1015-65 65-65 35.899 0 65 29.1015 65 65z"/>
+          </g>
+        </svg>
+      </a>
+    </div>
+  </div>
+  <div class="text-xs muted mt-3 text-center">
+    <p>All links lead to primary evidence files. This page is for documentation purposes only and is not intended as legal advice.</p>
+  </div>
+</footer>
+
+</body>
+</html>
