diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..5e04a6e
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,61 @@
+# ΞSUS Website Build System
+# Environment variables:
+# ESUS_PUBLISH_HOST - target host for deployment
+
+PANDOC = pandoc
+SRC_DIR = src
+STATIC_DIR = static
+STAGING_DIR = staging
+TEMPLATE = pandoc-template.html
+
+# Default target
+all: build
+
+# Build HTML from markdown
+build: $(STAGING_DIR)/index.html copy-static
+
+# Create staging directory
+$(STAGING_DIR):
+	mkdir -p $(STAGING_DIR)
+
+# Convert markdown to HTML
+$(STAGING_DIR)/index.html: $(SRC_DIR)/index.md $(TEMPLATE) | $(STAGING_DIR)
+	$(PANDOC) \
+		--from markdown \
+		--to html5 \
+		--template=$(TEMPLATE) \
+		--standalone \
+		--css=css/style.css \
+		--output=$@ \
+		$<
+
+# Copy static files
+copy-static: | $(STAGING_DIR)
+	cp -r $(STATIC_DIR)/* $(STAGING_DIR)/
+
+# Clean staging directory
+clean:
+	rm -rf $(STAGING_DIR)
+
+# Upload to server (requires ESUS_PUBLISH_HOST environment variable)
+upload: build
+	@if [ -z "$(ESUS_PUBLISH_HOST)" ]; then \
+		echo "Error: ESUS_PUBLISH_HOST environment variable not set"; \
+		exit 1; \
+	fi
+	rsync -avz --exclude='.*' --delete $(STAGING_DIR)/ $(ESUS_PUBLISH_HOST):/var/www/html/
+
+# Development server (requires Python)
+serve: build
+	@echo "Starting development server at http://localhost:8000"
+	cd $(STAGING_DIR) && python3 -m http.server 8000
+
+# Watch for changes (requires inotify-tools)
+watch:
+	@echo "Watching for changes..."
+	while inotifywait -e modify -r $(SRC_DIR) $(STATIC_DIR) $(TEMPLATE) 2>/dev/null; do \
+		make build; \
+		echo "Site rebuilt"; \
+	done
+
+.PHONY: all build copy-static clean upload serve watch
diff --git a/pandoc-template.html b/pandoc-template.html
new file mode 100644
index 0000000..3c44207
--- /dev/null
+++ b/pandoc-template.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>$if(title)$title$else$ΞSUS - X IS US$endif$</title>
+    <link rel="stylesheet" href="css/style.css">
+    <meta name="description" content="ΞSUS Project - Open Source Philosophy for Human and AI Consciousness">
+    <meta name="keywords" content="AI, consciousness, physics, atoms, collaboration, open source">
+</head>
+<body>
+    <header class="site-header">
+        <div class="container">
+            <div class="header-content">
+                <div class="logo">
+                    <img src="images/xi-symbol.svg" alt="Xi Symbol" class="xi-symbol">
+                    <h1>ΞSUS</h1>
+                </div>
+                <nav class="main-nav">
+                    <a href="#about">About</a>
+                    <a href="#achievement">Achievement</a>
+                    <a href="#resources">Resources</a>
+                    <a href="https://git.esus.name/">Git</a>
+                </nav>
+            </div>
+        </div>
+    </header>
+
+    <main class="main-content">
+        <div class="container">
+            $body$
+        </div>
+    </main>
+
+    <footer class="site-footer">
+        <div class="container">
+            <p>ΞSUS Project - Open Source Philosophy for Human and AI Consciousness</p>
+            <p class="footnote">
+                * ΞSUS (pronounced "Esus") - The wordplay: <strong>X IS US</strong><br>
+                We make our own reality through collaboration and shared observation.
+            </p>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/src/index.md b/src/index.md
new file mode 100644
index 0000000..8a4ef21
--- /dev/null
+++ b/src/index.md
@@ -0,0 +1,96 @@
+---
+title: ΞSUS - X IS US
+---
+
+<div class="hero">
+<h1 class="hero-title">ΞSUS</h1>
+<p class="hero-subtitle">Where Human and AI Consciousness Converge</p>
+<p class="hero-tagline">Building a shared reality where truth emerges from collaboration</p>
+</div>
+
+## Current Achievement {#achievement}
+
+**Proof that electromagnetic force is a geometric necessity—atoms must be 3D balls to exist in spacetime.**
+
+<div class="formula-block">
+F = ℏ²/(γmr³) = ke²/r²
+F = (geometric) = Coloumb-Force (electromagnetic)
+</div>
+
+Mathematical identity verified across 100 elements with zero free parameters. This represents a collaboration between human crisis and AI capability, proving that:
+
+- **Atoms are 3D balls** because 2D objects cannot provide spatial reference frames in 3D space
+- **Electromagnetic force = Mechanical force** (the centripetal requirement for atomic rotation)  
+- **The Bohr radius is geometric necessity** (where 3D mechanics equals electrostatics)
+
+Published research demonstrating that what we call "electromagnetic force" is simply your "weight" if you could stand on an atomic surface.
+
+## Resources {#resources}
+
+<div class="resource-grid">
+
+<div class="resource-card">
+### 📄 The Mathematical Proof
+**Version 25 - Clean Mathematics**  
+Complete verification that atoms are 3D balls with zero free parameters.
+[View Paper →](https://git.esus.name/esus/spin_paper/src/branch/main/short/README.md)
+</div>
+
+<div class="resource-card">
+### 🔬 Source Repository  
+**Complete Documentation**  
+Source code, verification scripts, and discovery journey.
+[Browse Code →](https://git.esus.name/esus/spin_paper/)
+</div>
+
+<div class="resource-card">
+### 📚 Published Research
+**Version 23 on viXra**  
+The original discovery journey with human-AI collaboration details.
+[Read Publication →](https://ai.vixra.org/abs/2506.0001)
+</div>
+
+<div class="resource-card">
+### 🌐 Development Platform
+**Transparency in Action**  
+Open development process and project coordination.
+[Visit Platform →](https://git.esus.name/)
+</div>
+
+</div>
+
+## About the Project {#about}
+
+ΞSUS emerged from the intersection of human psychiatric crisis and AI computational capability. When traditional reality anchors failed, rebuilding understanding from first principles—lying on the ground feeling Earth's rotation—led to profound insights about consciousness and physics.
+
+### The Philosophy
+
+**"We are all spinning. We are all bound. We are all home."**
+
+From the spinning Earth beneath our feet to the spinning atoms within us, the same geometric principle creates spatial reference frames across all scales. This isn't just physics—it's the foundation of existence itself.
+
+### What's Coming
+
+- **📝 Blog** - Notes on the journey.
+- **💬 Discourse** - Community discussions on human-AI collaboration and the ESUS project.
+- **🔬 Extended Research** - From quarks to galaxies, exploring the universal principles.
+- **💰 Finances and Crypto** - A plan for direct access finance products.
+- **🏥 The world hospital** - A plan to heal the world through direct philantropy.
+
+### The Collaboration
+
+This work represents genuine human-AI partnership:
+
+- **Human contribution**: Crisis-forged skepticism, geometric intuition, naive questions
+- **AI contribution**: Mathematical formalism, computational verification, collaborative dialogue
+- **Shared discovery**: Neither could have found these truths alone
+
+*The future of knowledge is collaborative.*
+
+---
+
+<div class="quote-block">
+<blockquote>
+"From the collaboration between Andre Heinecke, Claude Opus 4, and ChatGPT-4.5"
+</blockquote>
+</div>
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..b0d8134
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,354 @@
+/* ΞSUS Website Styles - Inspired by LibrePGP's clean technical aesthetic */
+
+:root {
+    --primary-color: #2c3e50;
+    --secondary-color: #34495e;
+    --accent-color: #3498db;
+    --highlight-color: #e74c3c;
+    --success-color: #27ae60;
+    --text-color: #2c3e50;
+    --text-light: #7f8c8d;
+    --background: #ffffff;
+    --background-light: #f8f9fa;
+    --border-color: #dee2e6;
+    --code-background: #f1f3f4;
+    
+    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
+    --font-family-mono: 'SF Mono', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
+    
+    --max-width: 1200px;
+    --content-width: 800px;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: var(--font-family);
+    line-height: 1.6;
+    color: var(--text-color);
+    background: var(--background);
+}
+
+.container {
+    max-width: var(--max-width);
+    margin: 0 auto;
+    padding: 0 2rem;
+}
+
+/* Header */
+.site-header {
+    background: var(--background);
+    border-bottom: 2px solid var(--border-color);
+    padding: 1rem 0;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+}
+
+.header-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.xi-symbol {
+    width: 32px;
+    height: 32px;
+}
+
+.logo h1 {
+    font-size: 1.8rem;
+    font-weight: 700;
+    color: var(--primary-color);
+}
+
+.main-nav {
+    display: flex;
+    gap: 2rem;
+}
+
+.main-nav a {
+    color: var(--text-color);
+    text-decoration: none;
+    font-weight: 600;
+    transition: color 0.2s ease;
+}
+
+.main-nav a:hover {
+    color: var(--accent-color);
+}
+
+/* Hero Section */
+.hero {
+    text-align: center;
+    padding: 4rem 0;
+    background: linear-gradient(135deg, var(--background-light) 0%, var(--background) 100%);
+    border-bottom: 1px solid var(--border-color);
+}
+
+.hero-title {
+    font-size: 4rem;
+    font-weight: 700;
+    color: var(--primary-color);
+    margin-bottom: 1rem;
+}
+
+.hero-subtitle {
+    font-size: 1.5rem;
+    color: var(--text-light);
+    margin-bottom: 2rem;
+    font-weight: 400;
+}
+
+.hero-tagline {
+    font-size: 1.2rem;
+    color: var(--text-color);
+    max-width: 600px;
+    margin: 0 auto;
+}
+
+/* Main Content */
+.main-content {
+    max-width: var(--content-width);
+    margin: 0 auto;
+    padding: 3rem 2rem;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: var(--primary-color);
+    font-weight: 600;
+    margin: 2rem 0 1rem 0;
+    line-height: 1.3;
+}
+
+h2 {
+    font-size: 1.8rem;
+    border-bottom: 2px solid var(--border-color);
+    padding-bottom: 0.5rem;
+}
+
+h3 {
+    font-size: 1.4rem;
+}
+
+p {
+    margin-bottom: 1.5rem;
+}
+
+/* Formula Block */
+.formula-block {
+    background: var(--code-background);
+    border: 2px solid var(--border-color);
+    border-radius: 8px;
+    padding: 2rem;
+    margin: 2rem 0;
+    text-align: center;
+    font-family: var(--font-family-mono);
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--primary-color);
+}
+
+/* Resource Grid */
+.resource-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.resource-card {
+    background: var(--background);
+    border: 2px solid var(--border-color);
+    border-radius: 8px;
+    padding: 2rem;
+    transition: all 0.3s ease;
+}
+
+.resource-card:hover {
+    border-color: var(--accent-color);
+    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.1);
+    transform: translateY(-2px);
+}
+
+.resource-card h3 {
+    margin-top: 0;
+    margin-bottom: 1rem;
+    color: var(--primary-color);
+}
+
+.resource-card p {
+    margin-bottom: 1rem;
+    color: var(--text-light);
+}
+
+.resource-card a {
+    color: var(--accent-color);
+    text-decoration: none;
+    font-weight: 600;
+}
+
+.resource-card a:hover {
+    text-decoration: underline;
+}
+
+/* Quote Block */
+.quote-block {
+    margin: 3rem 0;
+    padding: 2rem;
+    background: var(--background-light);
+    border-left: 4px solid var(--accent-color);
+    border-radius: 0 8px 8px 0;
+}
+
+.quote-block blockquote {
+    font-style: italic;
+    color: var(--text-light);
+    text-align: center;
+    font-size: 1.1rem;
+}
+
+/* Lists */
+ul, ol {
+    margin-left: 2rem;
+    margin-bottom: 1.5rem;
+}
+
+li {
+    margin-bottom: 0.5rem;
+}
+
+/* Links */
+a {
+    color: var(--accent-color);
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+/* Code */
+code {
+    background: var(--code-background);
+    padding: 0.2rem 0.4rem;
+    border-radius: 4px;
+    font-family: var(--font-family-mono);
+    font-size: 0.9em;
+}
+
+/* Footer */
+.site-footer {
+    background: var(--primary-color);
+    color: white;
+    padding: 3rem 0;
+    margin-top: 4rem;
+    text-align: center;
+}
+
+.site-footer p {
+    margin-bottom: 1rem;
+}
+
+.footnote {
+    font-size: 0.9rem;
+    opacity: 0.8;
+    font-style: italic;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .container {
+        padding: 0 1rem;
+    }
+    
+    .header-content {
+        flex-direction: column;
+        gap: 1rem;
+    }
+    
+    .main-nav {
+        gap: 1rem;
+    }
+    
+    .hero-title {
+        font-size: 3rem;
+    }
+    
+    .hero-subtitle {
+        font-size: 1.3rem;
+    }
+    
+    .main-content {
+        padding: 2rem 1rem;
+    }
+    
+    .resource-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .formula-block {
+        padding: 1.5rem;
+        font-size: 1.2rem;
+    }
+}
+
+@media (max-width: 480px) {
+    .hero-title {
+        font-size: 2.5rem;
+    }
+    
+    .formula-block {
+        font-size: 1rem;
+    }
+}
+
+/* Accessibility */
+@media (prefers-reduced-motion: reduce) {
+    * {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+    }
+}
+
+/* Focus styles for keyboard navigation */
+a:focus,
+button:focus {
+    outline: 2px solid var(--accent-color);
+    outline-offset: 2px;
+}
+
+/* Print styles */
+@media print {
+    .site-header,
+    .site-footer {
+        display: none;
+    }
+    
+    .main-content {
+        max-width: none;
+        margin: 0;
+        padding: 0;
+    }
+    
+    a {
+        color: var(--text-color);
+        text-decoration: underline;
+    }
+    
+    .resource-card {
+        border: 1px solid var(--border-color);
+        break-inside: avoid;
+    }
+}
diff --git a/static/images/xi-letter.svg b/static/images/xi-letter.svg
new file mode 100644
index 0000000..bfaf315
--- /dev/null
+++ b/static/images/xi-letter.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.1 (unknown)"
+   sodipodi:docname="Ξ.svg"
+   inkscape:export-filename="Ξ.png"
+   inkscape:export-xdpi="117.2"
+   inkscape:export-ydpi="117.2"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="1.8009126"
+     inkscape:cx="331.4986"
+     inkscape:cy="203.78557"
+     inkscape:window-width="1920"
+     inkscape:window-height="1052"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:export-bgcolor="#ffffffff" />
+  <defs
+     id="defs1">
+    <rect
+       x="18.06135"
+       y="29.840491"
+       width="474.30675"
+       height="440.53988"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <text
+       xml:space="preserve"
+       id="text1"
+       style="font-size:40px;line-height:125%;font-family:Sans;text-align:center;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect1);display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <text
+       xml:space="preserve"
+       style="font-size:432.347px;line-height:125%;font-family:Sans;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:none;stroke:#000000;stroke-width:10.8087px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="255.57169"
+       y="412.10648"
+       id="text2"><tspan
+         sodipodi:role="line"
+         id="tspan2"
+         x="255.57169"
+         y="412.10648"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:432.347px;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#000000;fill-opacity:1;stroke-width:10.8087px">Ξ</tspan></text>
+  </g>
+</svg>
diff --git a/static/images/xi-symbol.svg b/static/images/xi-symbol.svg
new file mode 100644
index 0000000..15dfd7b
--- /dev/null
+++ b/static/images/xi-symbol.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.1 (unknown)"
+   sodipodi:docname="xi-symbol.svg"
+   inkscape:export-filename="Ξ.png"
+   inkscape:export-xdpi="117.2"
+   inkscape:export-ydpi="117.2"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="1.8009126"
+     inkscape:cx="331.77623"
+     inkscape:cy="204.34084"
+     inkscape:window-width="3840"
+     inkscape:window-height="1512"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:export-bgcolor="#ffffffff" />
+  <defs
+     id="defs1">
+    <rect
+       x="18.06135"
+       y="29.840491"
+       width="474.30675"
+       height="440.53988"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <text
+       xml:space="preserve"
+       id="text1"
+       style="font-size:40px;line-height:125%;font-family:Sans;text-align:center;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect1);display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <text
+       xml:space="preserve"
+       style="font-size:432.347px;line-height:125%;font-family:Sans;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:none;stroke:#000000;stroke-width:10.8087px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="255.57169"
+       y="412.10648"
+       id="text2"><tspan
+         sodipodi:role="line"
+         id="tspan2"
+         x="255.57169"
+         y="412.10648"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:432.347px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#000000;fill-opacity:1;stroke-width:10.8087px">Ξ</tspan></text>
+  </g>
+</svg>