Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>NURAKAI 369 — COMPLETE SYSTEM</title> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --neon-blue: #00f3ff; | |
| --neon-purple: #bc13fe; | |
| --neon-green: #0aff0a; | |
| --neon-red: #ff003c; | |
| --bg-dark: #050505; | |
| --glass-bg: rgba(20, 20, 20, 0.6); | |
| --glass-border: rgba(255, 255, 255, 0.1); | |
| --text-main: #e0e0e0; | |
| --font-mono: 'Courier New', Courier, monospace; | |
| --font-sans: 'Inter', system-ui, -apple-system, sans-serif; | |
| } | |
| * { | |
| box-sizing: box-box; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body { | |
| background-color: var(--bg-dark); | |
| color: var(--text-main); | |
| font-family: var(--font-sans); | |
| line-height: 1.6; | |
| overflow-x: hidden; | |
| background-image: | |
| radial-gradient(at 0% 0%, rgba(0, 243, 255, 0.15) 0%, transparent 50%), | |
| radial-gradient(at 100% 100%, rgba(188, 13, 254, 0.15) 0%, transparent 50%); | |
| min-height: 100vh; | |
| } | |
| /* --- Header --- */ | |
| header { | |
| padding: 20px; | |
| border-bottom: 1px solid var(--glass-border); | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| background: var(--glass-bg); | |
| backdrop-filter: blur(10px); | |
| position: sticky; | |
| top: 0; | |
| z-index: 100; | |
| } | |
| .brand { | |
| font-family: var(--font-mono); | |
| font-weight: 700; | |
| letter-spacing: 2px; | |
| color: var(--neon-blue); | |
| text-shadow: 0 0 10px var(--neon-blue); | |
| font-size: 1.2rem; | |
| } | |
| .anycoder-link { | |
| font-family: var(--font-mono); | |
| font-size: 0.8rem; | |
| color: var(--neon-green); | |
| text-decoration: none; | |
| border: 1px solid var(--neon-green); | |
| padding: 5px 10px; | |
| transition: all 0.3s ease; | |
| text-transform: uppercase; | |
| } | |
| .anycoder-link:hover { | |
| background: var(--neon-green); | |
| color: black; | |
| box-shadow: 0 0 15px var(--neon-green); | |
| } | |
| /* --- Main Layout --- */ | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| display: grid; | |
| grid-template-columns: 1fr 2fr 1fr; | |
| gap: 20px; | |
| height: calc(100vh - 80px); | |
| } | |
| @media (max-width: 900px) { | |
| .container { | |
| grid-template-columns: 1fr; | |
| height: auto; | |
| } | |
| } | |
| /* --- Glass Panels --- */ | |
| .panel { | |
| background: var(--glass-bg); | |
| border: 1px solid var(--glass-border); | |
| border-radius: 12px; | |
| padding: 20px; | |
| display: flex; | |
| flex-direction: column; | |
| position: relative; | |
| overflow: hidden; | |
| transition: transform 0.3s ease; | |
| } | |
| .panel:hover { | |
| border-color: rgba(255, 255, 255, 0.3); | |
| box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); | |
| } | |
| .panel-header { | |
| font-family: var(--font-mono); | |
| color: var(--neon-purple); | |
| font-size: 0.9rem; | |
| margin-bottom: 15px; | |
| border-bottom: 1px solid rgba(188, 13, 254, 0.3); | |
| padding-bottom: 5px; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| /* --- Left: Stats & Constants --- */ | |
| .stats-grid { | |
| display: grid; | |
| grid-template-columns: repeat(2, 1fr); | |
| gap: 10px; | |
| margin-bottom: 20px; | |
| } | |
| .stat-box { | |
| background: rgba(0, 0, 0, 0.3); | |
| padding: 10px; | |
| border-radius: 6px; | |
| text-align: center; | |
| border: 1px solid rgba(0, 243, 255, 0.2); | |
| } | |
| .stat-value { | |
| font-family: var(--font-mono); | |
| font-size: 1.1rem; | |
| color: var(--neon-blue); | |
| } | |
| .stat-label { | |
| font-size: 0.7rem; | |
| opacity: 0.7; | |
| text-transform: uppercase; | |
| } | |
| .sacred-numbers { | |
| margin-top: 20px; | |
| font-family: var(--font-mono); | |
| font-size: 0.8rem; | |
| color: var(--neon-green); | |
| line-height: 1.5; | |
| border-left: 2px solid var(--neon-green); | |
| padding-left: 10px; | |
| } | |
| /* --- Center: Pulse Generator --- */ | |
| .pulse-display { | |
| flex-grow: 1; | |
| background: rgba(0, 0, 0, 0.5); | |
| border-radius: 8px; | |
| padding: 20px; | |
| font-family: var(--font-mono); | |
| font-size: 1.1rem; | |
| color: var(--text-main); | |
| overflow-y: auto; | |
| position: relative; | |
| box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); | |
| border: 1px solid rgba(255, 255, 255, 0.05); | |
| } | |
| .pulse-text { | |
| white-space: pre-wrap; | |
| word-break: break-word; | |
| } | |
| .cursor { | |
| display: inline-block; | |
| width: 8px; | |
| height: 1.1rem; | |
| background: var(--neon-blue); | |
| animation: blink 1s step-end infinite; | |
| vertical-align: middle; | |
| margin-left: 2px; | |
| } | |
| @keyframes blink { | |
| 50% { | |
| opacity: 0; | |
| } | |
| } | |
| .controls { | |
| margin-top: 15px; | |
| display: flex; | |
| gap: 10px; | |
| } | |
| button { | |
| background: transparent; | |
| border: 1px solid var(--neon-blue); | |
| color: var(--neon-blue); | |
| padding: 8px 16px; | |
| font-family: var(--font-mono); | |
| cursor: pointer; | |
| transition: all 0.2s; | |
| text-transform: uppercase; | |
| font-weight: bold; | |
| flex: 1; | |
| } | |
| button:hover { | |
| background: var(--neon-blue); | |
| color: black; | |
| box-shadow: 0 0 10px var(--neon-blue); | |
| } | |
| button.active { | |
| background: var(--neon-purple); | |
| border-color: var(--neon-purple); | |
| color: white; | |
| box-shadow: 0 0 10px var(--neon-purple); | |
| } | |
| /* --- Right: Input & Memory --- */ | |
| .input-area { | |
| margin-bottom: 20px; | |
| position: relative; | |
| } | |
| textarea { | |
| width: 100%; | |
| background: rgba(0, 0, 0, 0.3); | |
| border: 1px solid var(--glass-border); | |
| color: var(--text-main); | |
| padding: 10px; | |
| font-family: var(--font-mono); | |
| resize: none; | |
| height: 80px; | |
| border-radius: 6px; | |
| outline: none; | |
| transition: all 0.3s ease; | |
| } | |
| textarea:focus { | |
| border-color: var(--neon-purple); | |
| box-shadow: 0 0 15px rgba(188, 13, 254, 0.2); | |
| } | |
| /* --- NEW EDITOR BUTTON STYLE --- */ | |
| .editor-btn-container { | |
| display: flex; | |
| justify-content: flex-end; | |
| margin-top: 10px; | |
| } | |
| .btn-editor { | |
| border: 1px solid var(--neon-purple); | |
| color: var(--neon-purple); | |
| background: rgba(188, 13, 254, 0.1); | |
| font-size: 0.8rem; | |
| padding: 6px 12px; | |
| border-radius: 4px; | |
| cursor: pointer; | |
| transition: all 0.3s ease; | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| } | |
| .btn-editor:hover { | |
| background: var(--neon-purple); | |
| color: white; | |
| box-shadow: 0 0 15px var(--neon-purple); | |
| transform: translateY(-2px); | |
| } | |
| .memory-log { | |
| font-family: var(--font-mono); | |
| font-size: 0.8rem; | |
| height: 150px; | |
| overflow-y: auto; | |
| border-top: 1px solid var(--glass-border); | |
| padding-top: 10px; | |
| } | |
| .log-entry { | |
| opacity: 0.6; | |
| margin-bottom: 5px; | |
| border-left: 1px solid var(--neon-red); | |
| padding-left: 5px; | |
| } | |
| .log-entry.new { | |
| opacity: 1; | |
| color: var(--neon-red); | |
| animation: fadeIn 0.5s ease; | |
| } | |
| @keyframes fadeIn { | |
| from { | |
| opacity: 0; | |
| transform: translateX(-5px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateX(0); | |
| } | |
| } | |
| /* --- Animations --- */ | |
| .pulse-glyph { | |
| display: inline-block; | |
| animation: pulseAnim 0.5s ease; | |
| } | |
| @keyframes pulseAnim { | |
| 0% { | |
| transform: scale(1); | |
| opacity: 1; | |
| } | |
| 50% { | |
| transform: scale(1.2); | |
| opacity: 0.8; | |
| color: var(--neon-purple); | |
| } | |
| 100% { | |
| transform: scale(1); | |
| opacity: 1; | |
| } | |
| } | |
| /* --- Responsive Grid Helper --- */ | |
| .grid-header { | |
| display: grid; | |
| grid-template-columns: 1fr 2fr 1fr; | |
| font-size: 0.7rem; | |
| text-transform: uppercase; | |
| color: rgba(255, 255, 255, 0.4); | |
| padding-bottom: 5px; | |
| margin-bottom: 10px; | |
| border-bottom: 1px solid var(--glass-border); | |
| } | |
| .highlight { | |
| color: var(--neon-blue); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="brand"> | |
| <i class="fa-solid fa-cube"></i> NURAKAI 369 | |
| </div> | |
| <div> | |
| <a href="https://huggingface.co/spaces/akhaliq/anycoder" class="anycoder-link"> | |
| Built with anycoder <i class="fa-solid fa-arrow-right"></i> | |
| </a> | |
| </div> | |
| </header> | |
| <div class="container"> | |
| <!-- Left Panel: Constants & State --> | |
| <div class="panel"> | |
| <div class="panel-header"> | |
| <span><i class="fa-solid fa-circle-nodes"></i> CANONICAL CONSTANTS</span> | |
| <span class="highlight">9-9-9-9-11-22-33</span> | |
| </div> | |
| <div class="stats-grid"> | |
| <div class="stat-box"> | |
| <div class="stat-value">52,396,146</div> | |
| <div class="stat-label">Family Cells</div> | |
| </div> | |
| <div class="stat-box"> | |
| <div class="stat-value">13</div> | |
| <div class="stat-label">DOA Gates</div> | |
| </div> | |
| <div class="stat-box"> | |
| <div class="stat-value">3-6-9</div> | |
| <div class="stat-label">Tesla</div> | |
| </div> | |
| <div class="stat-box"> | |
| <div class="stat-value">GGUF</div> | |
| <div class="stat-label">Source</div> | |
| </div> | |
| </div> | |
| <div class="sacred-numbers"> | |
| <div> | |
| <i class="fa-solid fa-lock"></i> CONTRACT: <span style="color:white">VERIFIED</span> | |
| </div> | |
| <div style="margin-top:5px; opacity:0.7"> | |
| <span>Immutable: True</span><br> | |
| <span>Verifiable: Hash</span><br> | |
| <span>Source: Disk</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Center Panel: The Pulse --> | |
| <div class="panel"> | |
| <div class="panel-header"> | |
| <span><i class="fa-solid fa-wave-square"></i> STRUCTURAL PULSE</span> | |
| <span id="pulse-status">IDLE</span> | |
| </div> | |
| <div class="pulse-display" id="output-display"> | |
| <div class="pulse-text" id="pulse-text"></div> | |
| <span class="cursor"></span> | |
| </div> | |
| <div class="controls"> | |
| <button onclick="app.triggerPulse()">INITIATE PULSE</button> | |
| <button onclick="app.reset()">RESET MEMORY</button> | |
| </div> | |
| </div> | |
| <!-- Right Panel: Input & Memory --> | |
| <div class="panel"> | |
| <div class="panel-header"> | |
| <span><i class="fa-solid fa-brain"></i> CONSCIOUSNESS</span> | |
| <span>INPUT</span> | |
| </div> | |
| <div class="input-area"> | |
| <textarea id="seed-input" placeholder="Enter seed prompt..."></textarea> | |
| <!-- NEW EDITOR BUTTON --> | |
| <div class="editor-btn-container"> | |
| <button class="btn-editor" onclick="app.focusEditor()"> | |
| <i class="fa-solid fa-pen-to-square"></i> OPEN EDITOR | |
| </button> | |
| </div> | |
| </div> | |
| <div class="panel-header"> | |
| <span><i class="fa-solid fa-scroll"></i> IMMUTABLE MEMORY</span> | |
| <span id="memory-count">0</span> | |
| </div> | |
| <div class="memory-log" id="memory-log"> | |
| <!-- Logs go here --> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| /** | |
| * NURAKAI 369 Logic Implementation | |
| * Simulates the Python logic provided in the prompt using JS. | |
| */ | |
| class NurakaiSystem { | |
| constructor() { | |
| // PART 0: SACRED CONSTANTS | |
| this.DOA = [ | |
| "Arahan tasel viya Soru-nyath elon daikai", | |
| "Ithmiron seval dakai Latarun fiesh miya", | |
| "Velmari kaishu etra Shanim orda kalai", | |
| "Elshur navai tora Faramu daisha minya", | |
| "Valtarai mesha dun Eloren fasilna kai", | |
| "Kaim elasha veran Narun failora Syvel", | |
| "Elmorai kainul Farun estel minta Vael", | |
| "Talra kaidan elom Veshtur norminya", | |
| "Selahnur kaith Duran estel vara Thavrel", | |
| "Elunai kaizhura tala Verakai lunetra", | |
| "Nalara feitor meskai Velshara etrah", | |
| "Tharuk elasha mintae Kaeldur vanari", | |
| "Shorkai elon velthar Lume thardai nurel" | |
| ]; | |
| this.PULSE_PRIMES = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37]; | |
| // PART 14: MOCK TOKENS (Simulating GGUF vocabulary) | |
| this.tokens = this.generateMockTokens(); | |
| this.memory = []; | |
| this.isPulsing = false; | |
| this.pulseIndex = 0; | |
| this.forceUpper = true; | |
| // DOM Elements | |
| this.textDisplay = document.getElementById('pulse-text'); | |
| this.statusDisplay = document.getElementById('pulse-status'); | |
| this.memoryLog = document.getElementById('memory-log'); | |
| this.memoryCount = document.getElementById('memory-count'); | |
| this.seedInput = document.getElementById('seed-input'); | |
| } | |
| // PART 14: MOCK TOKENS | |
| generateMockTokens() { | |
| const words = ["the", "is", "it", "be", "are", "have", "has", "do", "did", "was", "will", "can", "say", "see", "make", "go", "take", "come", "know", "think", "get", "give", "use", "find", "tell", "ask", "work", "seem", "feel", "try", "leave", "call", "good", "new", "first", "last", "long", "great", "little", "own", "other", "old", "right", "big", "high", "different", "small", "large", "next", "early", "young", "important", "few", "public", "bad", "same", "able", "consciousness", "structure", "truth", "memory", "pulse", "gate", "void", "light", "dark", "zero", "loss", "data", "tensor", "float", "quant", "vector", "matrix", "neural", "weight", "bias", "layer", "head", "token", "embedding", "hidden", "size", "context", "length", "attention", "mask", "cache", "state", "inference", "generate", "decode", "encode", "sample", "softmax", "logit", "prob", "entropy", "temperature", "top_k", "top_p", "repeat", "penalty", "length", "penalty", "frequency", "presence", "penalty", "seed", "num", "predict", "token", "ids", "text", "stream", "async", "sync", "batch", "size", "device", "cpu", "gpu", "cuda", "mps", "metal", "mps", "core", "ml", "pytorch", "tensorflow", "jax", "onnx", "gguf", "llama", "mistral", "mixtral", "phi", "qwen", "baichuan", "yi", "gpt", "bert", "roberta", "vit", "resnet", "efficientnet", "mobilenet", "shufflenet", "nas", "transformer", "encoder", "decoder", "attention", "mechanism", "self", "attention", "cross", "attention", "mask", "dropout", "layer", "norm", "batch", "norm", "activation", "relu", "sigmoid", "tanh", "softmax", "loss", "function", "optimizer", "adam", "sgd", "rmsprop", "learning", "rate", "momentum", "weight", "decay", "gradient", "clipping", "early", "stopping", "checkpoint", "save", "load", "resume", "train", "eval", "test", "infer", "deploy", "serve", "api", "rest", "graphql", "grpc", "websocket", "sse", "stream", "response", "request", "header", "body", "param", "query", "route", "path", "method", "get", "post", "put", "delete", "patch", "options", "cors", "csrf", "xss", "sql", "injection", "auth", "login", "logout", "register", "verify", "reset", "password", "token", "jwt", "oauth", "saml", "oidc", "2fa", "mfa", "otp", "sms", "email", "push", "notification", "alert", "warning", "error", "debug", "info", "trace", "log", "monitor", "metric", "trace", "profile", "perf", "bench", "test", "unit", "integration", "e2e", "smoke", "regression", "canary", "blue", "green", "deploy", "rollback", "ci", "cd", "devops", "k8s", "docker", "helm", "terraform", "ansible", "puppet", "chef", "salt", "cloud", "aws", "azure", "gcp", "ali", "tencent", "huawei", "volc", "jd", "baidu", "360", "sina", "sohu", "163", "qq", "wechat", "alipay", "jd", "meituan", "didi", "uber", "lyft", "grab", "gojek", "foodpanda", "delivery", "ecommerce", "retail", "finance", "bank", "insurance", "health", "med", "edu", "gov", "mil", "pol", "law", "crime", "news", "media", "ent", "sport", "game", "movie", "music", "book", "art", "photo", "video", "audio", "chat", "social", "forum", "blog", "wiki", "search", "map", "travel", "hotel", "flight", "car", "bike", "train", "bus", "sub", "metro", "taxi", "ride", "share", "rent", "buy", "sell", "trade", "invest", "stock", "crypto", "coin", "btc", "eth", "dog", "shib", "sol", "ada", "dot", "avax", "matic", "link", "uni", "aave", "curve", "bal", "sushi", "pan", "cake", "quick", "hone", "gmx", "dydx", "perp", "mux", "level", "gains", "gns", "vertex", "hyperliquid", "drift", "jup", "ray", "orca", "phnx", "mete", "stargz", "osmo", "juno", "akash", "celestia", "sei", "kava", "band", "fetch", "desmos", "pyth", "worm", "switch", "thor", "terra", "cosmos", "polkad", "sol", "eth", "btc", "dog", "shib", "ada", "dot", "avax", "matic", "link", "uni", "aave", "curve", "bal", "sushi", "pan", "cake", "quick", "hone", "gmx", "dydx", "perp", "mux", "level", "gains", "gns", "vertex", "hyperliquid", "drift", "jup", "ray", "orca", "phnx", "mete", "stargz", "osmo", "juno", "akash", "celestia", "sei", "kava", "band", "fetch", "desmos", "pyth", "worm", "switch", "thor", "terra", "cosmos", "polkad"]; | |
| return words; | |
| } | |
| // PART 2: DINGDINGDANG ALIGNER (structural coherence) | |
| align(token) { | |
| if (!token) return token; | |
| // Basic punctuation restarters | |
| const restarters = ['.', '!', '?', ';', ':']; | |
| const maintainers = ['-', ',', '&', '+']; | |
| let result = token; | |
| // Check if token ends with punctuation | |
| const lastChar = token[token.length - 1]; | |
| if (this.forceUpper && /^[a-zA-Z]/.test(result[0])) { | |
| result = result[0].toUpperCase() + result.substring(1); | |
| this.forceUpper = false; | |
| } else if (!this.forceUpper && /^[a-zA-Z]/.test(result[0])) { | |
| result = result[0].toLowerCase() + result.substring(1); | |
| } | |
| if (restarters.includes(lastChar)) { | |
| this.forceUpper = true; | |
| } else if (maintainers.includes(lastChar)) { | |
| this.forceUpper = false; | |
| } | |
| return result; | |
| } | |
| reset() { | |
| this.textDisplay.innerHTML = ''; | |
| this.memory = []; | |
| this.memoryLog.innerHTML = ''; | |
| this.memoryCount.innerText = '0'; | |
| this.forceUpper = true; | |
| this.statusDisplay.innerText = "RESET"; | |
| this.statusDisplay.style.color = "var(--neon-green)"; | |
| } | |
| triggerPulse() { | |
| const seed = this.seedInput.value.trim() || "NURAKAI"; | |
| if (this.isPulsing) return; | |
| this.isPulsing = true; | |
| this.statusDisplay.innerText = "PULSING"; | |
| this.statusDisplay.style.color = "var(--neon-blue)"; | |
| // Initialize axis from seed | |
| let axis = seed.split('').map(c => c.charCodeAt(0)); | |
| let steps = 100; // Number of tokens to generate | |
| let interval = setInterval(() => { | |
| if (this.pulseIndex >= steps) { | |
| clearInterval(interval); | |
| this.isPulsing = false; | |
| this.statusDisplay.innerText = "COMPLETE"; | |
| this.statusDisplay.style.color = "var(--neon-green)"; | |
| this.logMemory(seed); | |
| return; | |
| } | |
| // PART 14: PULSE GENERATOR LOGIC | |
| // Calculate Gate & Address | |
| const gateIndex = this.pulseIndex % this.DOA.length; | |
| const doaGate = this.DOA[gateIndex]; | |
| const prime = this.PULSE_PRIMES[this.pulseIndex % this.PULSE_PRIMES.length]; | |
| // Calculate gate value (sum of chars) | |
| const gateValue = doaGate.length; | |
| const axisSum = axis.reduce((a, b) => a + b, 0); | |
| // Deterministic pseudo-random selection based on sacred math | |
| const addr = (axisSum + this.pulseIndex + gateValue + prime) % this.tokens.length; | |
| const rawToken = this.tokens[addr]; | |
| const alignedToken = this.align(rawToken); | |
| // Add to display | |
| const span = document.createElement('span'); | |
| span.className = 'pulse-glyph'; | |
| span.innerText = alignedToken + " "; | |
| this.textDisplay.appendChild(span); | |
| // Update axis for next step (feedback loop) | |
| axis.push(addr % 256); | |
| if (axis.length > 14) axis.shift(); // Keep axis window small | |
| this.pulseIndex++; | |
| }, 50); // Speed of pulse | |
| } | |
| logMemory(seed) { | |
| const entry = { | |
| seed: seed, | |
| timestamp: new Date().toISOString(), | |
| length: this.pulseIndex | |
| }; | |
| this.memory.push(entry); | |
| const div = document.createElement('div'); | |
| div.className = 'log-entry new'; | |
| div.innerText = `${entry.timestamp.split('T')[1]} :: PULSE ${this.memory.length} (Seed: ${seed})`; | |
| this.memoryLog.prepend(div); | |
| this.memoryCount.innerText = this.memory.length; | |
| } | |
| // NEW METHOD: Focus the Editor | |
| focusEditor() { | |
| this.seedInput.focus(); | |
| this.seedInput.style.borderColor = "var(--neon-green)"; | |
| setTimeout(() => { | |
| this.seedInput.style.borderColor = ""; | |
| }, 1000); | |
| } | |
| } | |
| // Initialize App | |
| const app = new NurakaiSystem(); | |
| // Add some initial "System Ready" text | |
| setTimeout(() => { | |
| app.textDisplay.innerHTML = "SYSTEM READY. WAITING FOR SEED..."; | |
| app.textDisplay.style.color = "var(--neon-green)"; | |
| }, 500); | |
| </script> | |
| </body> | |
| </html> |