Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Manifesto - Pomilon Intelligence</title> | |
| <link rel="stylesheet" href="static/css/style.css"> | |
| <style> | |
| /* Page Specific Styles */ | |
| .manifesto-container { | |
| max-width: 1000px; | |
| margin: 0 auto; | |
| padding: 4rem 2rem; | |
| } | |
| .manifesto-header { | |
| text-align: center; | |
| margin-bottom: 5rem; | |
| position: relative; | |
| } | |
| .manifesto-title { | |
| font-family: var(--font-mono); | |
| font-size: 3rem; | |
| font-weight: 700; | |
| letter-spacing: -2px; | |
| background: linear-gradient(to right, #fff, #888); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| margin-bottom: 1rem; | |
| } | |
| .manifesto-subtitle { | |
| color: var(--color-text-muted); | |
| font-size: 1.1rem; | |
| max-width: 600px; | |
| margin: 0 auto; | |
| } | |
| /* --- Project Grid --- */ | |
| .project-grid { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 2rem; | |
| margin-bottom: 5rem; | |
| } | |
| .project-card { | |
| border-radius: var(--radius-lg); | |
| padding: 2rem; | |
| position: relative; | |
| overflow: hidden; | |
| transition: transform 0.3s ease; | |
| border: 1px solid rgba(255, 255, 255, 0.05); | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: space-between; | |
| min-height: 350px; | |
| } | |
| .project-card:hover { | |
| transform: translateY(-5px); | |
| } | |
| /* CRSM Card Specifics */ | |
| .card-crsm { | |
| background: radial-gradient(circle at 100% 0%, rgba(0, 240, 255, 0.05), #050505); | |
| border-color: rgba(0, 240, 255, 0.2); | |
| } | |
| .card-crsm h3 { | |
| color: var(--crsm-primary); | |
| font-family: var(--font-mono); | |
| font-size: 1.5rem; | |
| margin-bottom: 1rem; | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| } | |
| .status-badge { | |
| font-size: 0.7rem; | |
| padding: 4px 8px; | |
| border-radius: 4px; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| font-weight: 700; | |
| display: inline-block; | |
| } | |
| .status-private { | |
| background: rgba(255, 50, 50, 0.1); | |
| color: #ff5555; | |
| border: 1px solid rgba(255, 50, 50, 0.3); | |
| } | |
| .status-public { | |
| background: rgba(50, 255, 100, 0.1); | |
| color: #55ff88; | |
| border: 1px solid rgba(50, 255, 100, 0.3); | |
| } | |
| /* Aetheris Card Specifics */ | |
| .card-aetheris { | |
| background: radial-gradient(circle at 0% 0%, rgba(177, 156, 217, 0.08), #0a0a0a); | |
| border-color: rgba(177, 156, 217, 0.2); | |
| } | |
| .card-aetheris h3 { | |
| color: var(--aetheris-primary); | |
| font-family: var(--font-display); | |
| font-size: 1.8rem; | |
| font-weight: 400; | |
| margin-bottom: 1rem; | |
| } | |
| .card-desc { | |
| color: #aaa; | |
| font-size: 0.95rem; | |
| line-height: 1.6; | |
| margin-bottom: 2rem; | |
| } | |
| /* Repo Embed Simulation */ | |
| .repo-embed { | |
| background: rgba(0, 0, 0, 0.3); | |
| border-radius: 8px; | |
| padding: 1rem; | |
| margin-top: auto; | |
| } | |
| .repo-header { | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| margin-bottom: 0.5rem; | |
| font-family: var(--font-mono); | |
| font-size: 0.9rem; | |
| } | |
| .repo-stats { | |
| display: flex; | |
| gap: 15px; | |
| font-size: 0.8rem; | |
| color: #666; | |
| } | |
| .private-placeholder { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| height: 80px; | |
| background: repeating-linear-gradient(45deg, | |
| rgba(0, 0, 0, 0.4), | |
| rgba(0, 0, 0, 0.4) 10px, | |
| rgba(0, 0, 0, 0.6) 10px, | |
| rgba(0, 0, 0, 0.6) 20px); | |
| border: 1px dashed #444; | |
| color: #555; | |
| font-family: var(--font-mono); | |
| font-size: 0.85rem; | |
| text-transform: uppercase; | |
| letter-spacing: 2px; | |
| } | |
| /* --- Profile Section --- */ | |
| .profile-section { | |
| margin-top: 5rem; | |
| border-top: 1px solid var(--border-color); | |
| padding-top: 3rem; | |
| } | |
| .profile-header { | |
| font-size: 1.5rem; | |
| margin-bottom: 2rem; | |
| font-weight: 600; | |
| color: #fff; | |
| } | |
| .profile-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); | |
| gap: 1.5rem; | |
| } | |
| .profile-card { | |
| background: var(--surface-color); | |
| border: 1px solid var(--border-color); | |
| padding: 1.5rem; | |
| border-radius: 12px; | |
| display: flex; | |
| align-items: center; | |
| gap: 1rem; | |
| text-decoration: none; | |
| transition: all 0.2s; | |
| } | |
| .profile-card:hover { | |
| background: #1a1a1a; | |
| border-color: #444; | |
| } | |
| .profile-img { | |
| width: 60px; | |
| height: 60px; | |
| border-radius: 50%; | |
| background: #333; | |
| } | |
| .profile-info h4 { | |
| color: #fff; | |
| margin-bottom: 0.2rem; | |
| } | |
| .profile-info span { | |
| color: #888; | |
| font-size: 0.9rem; | |
| } | |
| /* --- Mobile Responsiveness --- */ | |
| @media (max-width: 768px) { | |
| .manifesto-container { | |
| padding: 6rem 1rem 2rem 1rem; | |
| } | |
| .manifesto-title { | |
| font-size: 2rem; | |
| } | |
| .manifesto-subtitle { | |
| font-size: 0.95rem; | |
| } | |
| .project-grid { | |
| grid-template-columns: 1fr; | |
| } | |
| .profile-grid { | |
| grid-template-columns: 1fr; | |
| } | |
| .profile-card { | |
| padding: 1rem; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <nav class="navbar"> | |
| <a href="index.html" class="nav-brand"> | |
| <span style="color: var(--color-text-muted);"></></span> POMILON_LABS | |
| </a> | |
| <div class="nav-menu"> | |
| <a href="index.html">HUB</a> | |
| <a href="about.html" class="active">MANIFESTO</a> | |
| <a href="https://github.com/Pomilon" target="_blank" class="icon-link"> | |
| <svg viewBox="0 0 24 24" fill="currentColor"> | |
| <path | |
| d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> | |
| </svg> | |
| </a> | |
| </div> | |
| </nav> | |
| <main> | |
| <div class="manifesto-container animate-slide-in"> | |
| <!-- Header --> | |
| <div class="manifesto-header"> | |
| <h1 class="manifesto-title">The Architect's Log</h1> | |
| <p class="manifesto-subtitle"> | |
| Exploring the boundaries between structured reasoning and fluid creativity through novel neural | |
| architectures. | |
| </p> | |
| </div> | |
| <!-- Projects --> | |
| <div class="project-grid"> | |
| <!-- CRSM Card (Public) --> | |
| <div class="project-card card-crsm"> | |
| <div> | |
| <div style="display:flex; justify-content:space-between; align-items:flex-start;"> | |
| <h3> | |
| <img src="static/assets/CRSM_logo.png" width="24" height="24"> | |
| CRSM | |
| </h3> | |
| <span class="status-badge status-public">Open Source</span> | |
| </div> | |
| <p class="card-desc"> | |
| <strong>Continuous Reasoning State Model.</strong><br> | |
| A non-transformer architecture designed to separate "thinking" from "speaking". It | |
| introduces a latent deliberation loop that allows the model to explore logical branches | |
| internally before committing to an output token. | |
| <br><br> | |
| <em>Optimized for: Logic, Code, Causal Analysis.</em> | |
| </p> | |
| </div> | |
| <!-- Public Repo Embed --> | |
| <div class="repo-embed"> | |
| <a href="https://github.com/Pomilon-Intelligence-Lab/CRSM" target="_blank" | |
| style="text-decoration:none; color:inherit;"> | |
| <div class="repo-header"> | |
| <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" | |
| style="color: #00f0ff;"> | |
| <path | |
| d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h-2v-6h2v6zm0-8h-2V7h2v2z" /> | |
| </svg> | |
| Pomilon-Intelligence-Lab/CRSM | |
| </div> | |
| <div class="repo-stats"> | |
| <span>⭐ ?? Stars</span> <!-- Placeholder for stars --> | |
| <span>⚡ Experimental</span> | |
| <span>MIT License</span> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Aetheris Card (Public) --> | |
| <div class="project-card card-aetheris"> | |
| <div> | |
| <div style="display:flex; justify-content:space-between; align-items:flex-start;"> | |
| <h3> | |
| <img src="static/assets/Aetheris_logo.png" width="24" height="24"> | |
| Aetheris | |
| </h3> | |
| <span class="status-badge status-public">Open Source</span> | |
| </div> | |
| <p class="card-desc"> | |
| <strong>Hybrid Mamba-MoE (294M).</strong><br> | |
| A "learning by doing" experiment combining Mamba State Space Models with Mixture-of-Experts. | |
| It is currently in an early "infant" stage and does not yet produce coherent sentences, | |
| serving primarily as a testbed for this novel architecture. | |
| <br><br> | |
| <em>Optimized for: Creative Writing, Roleplay, Abstract Association.</em> | |
| </p> | |
| </div> | |
| <!-- Public Repo Embed --> | |
| <div class="repo-embed"> | |
| <a href="https://huggingface.co/pomilon-lab/Aetheris-MoE-300M-A125M-base" target="_blank" | |
| style="text-decoration:none; color:inherit;"> | |
| <div class="repo-header"> | |
| <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" | |
| style="color: #FFD21E;"> | |
| <path | |
| d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h-2v-6h2v6zm0-8h-2V7h2v2z" /> | |
| </svg> | |
| Pomilon-Lab/Aetheris | |
| </div> | |
| <div class="repo-stats"> | |
| <span>⭐ 0 Stars</span> | |
| <span>⚡ 294M Params</span> | |
| <span>MIT License</span> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Bio Section --> | |
| <div style="background: rgba(255,255,255,0.03); border:1px solid #222; padding:2rem; border-radius:12px;"> | |
| <h3 style="color:#fff; margin-bottom:1rem; font-family:var(--font-mono);">// WHO IS POMILON?</h3> | |
| <p style="color:#aaa; line-height:1.7;"> | |
| I am a developer obsessed with the "what ifs" of AI. While the industry races towards larger | |
| Transformers, I prefer to explore the weird, the efficient, and the hybrid. My work is experimental | |
| by nature—breaking architectures to see how they reassemble. | |
| </p> | |
| </div> | |
| <div style="background: rgba(0, 240, 255, 0.03); border:1px solid rgba(0, 240, 255, 0.2); padding:2rem; border-radius:12px; margin-top: 2rem;"> | |
| <h3 style="color:#fff; margin-bottom:1rem; font-family:var(--font-mono); display:flex; align-items:center; gap:10px;"> | |
| // THE CENTAUR PROTOCOL | |
| <span style="font-size:0.7rem; background:rgba(0,240,255,0.1); color:#00f0ff; padding:2px 6px; border-radius:4px;">PROJECT CRSM</span> | |
| </h3> | |
| <p style="color:#aaa; line-height:1.7;"> | |
| The <strong>CRSM</strong> architecture represents a distinct experiment in human-AI symbiosis. It was not just built <em>by</em> AI, but conceived <em>with</em> AI. | |
| </p> | |
| <ul style="color:#aaa; line-height:1.7; margin-top:1rem; padding-left:1.5rem;"> | |
| <li style="margin-bottom:0.5rem;"> | |
| <strong>Ideation (System 2):</strong> The core concept of asynchronous latent reasoning was derived from deep research sessions with <strong>Gemini 2.5 Flash</strong>. | |
| </li> | |
| <li> | |
| <strong>Implementation (System 1):</strong> The engineering, system integration, and critical mathematical verification (Gated Injection) were executed by human hands. | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Profile Links --> | |
| <div class="profile-section"> | |
| <div class="profile-header">Connect</div> | |
| <div class="profile-grid"> | |
| <a href="https://github.com/Pomilon" target="_blank" class="profile-card"> | |
| <img src="https://github.com/Pomilon.png" | |
| onerror="this.src='https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png'" | |
| class="profile-img"> | |
| <div class="profile-info"> | |
| <h4>@Pomilon</h4> | |
| <span>GitHub • Open Source Contributions</span> | |
| </div> | |
| </a> | |
| <a href="https://huggingface.co/Pomilon" target="_blank" class="profile-card"> | |
| <!-- Using a generic HF logo if user image fails --> | |
| <div class="profile-img" | |
| style="background:#FFD21E; display:flex; align-items:center; justify-content:center; color:#000; font-weight:bold; font-size:1.5rem;"> | |
| P</div> | |
| <div class="profile-info"> | |
| <h4>Pomilon</h4> | |
| <span>Hugging Face • Model Repository</span> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <script src="static/js/app.js"></script> | |
| </body> | |
| </html> |