| <!DOCTYPE html>
|
| <html lang="en">
|
|
|
| <head>
|
| <meta charset="UTF-8">
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| <title>Saju 4.0 - Universal Destiny (Pure JS)</title>
|
| <script src="https://cdn.jsdelivr.net/npm/onnxruntime-web/dist/ort.min.js"></script>
|
| <script type="module">
|
| import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/transformers@2.17.2';
|
| import { getSajuPillars } from './saju_pillars.js';
|
|
|
|
|
| env.allowLocalModels = false;
|
|
|
| const PROFESSIONS = [
|
| "software engineer", "surgeon", "actor / actress", "writer",
|
| "politician", "investment banker", "military officer", "therapist",
|
| "CEO", "teacher", "professional athlete", "musician", "composer"
|
| ];
|
|
|
| async function init() {
|
| const status = document.getElementById('status');
|
| status.innerText = "🌀 Loading NLP Transformers (384-dim)...";
|
|
|
|
|
| const extractor = await pipeline('feature-extraction', 'Xenova/paraphrase-multilingual-MiniLM-L12-v2');
|
|
|
| status.innerText = "🔮 Loading Saju-Attention ONNX weights...";
|
|
|
|
|
| const session = await ort.InferenceSession.create('./saju_v4_model.onnx');
|
|
|
| status.innerText = "✅ Saju 4.0 Engine Ready (100% Offline!).";
|
|
|
| document.getElementById('analyze').onclick = async () => {
|
| const dob = document.getElementById('dob').value;
|
| if (!dob) return alert("Please select a date");
|
|
|
| status.innerText = "⏳ Computing Astral Vectors...";
|
| const date = new Date(dob);
|
| const { baseTexts, timeTexts, rawBase, rawTime } = getSajuPillars(date);
|
|
|
|
|
| const year_res = await extractor(baseTexts[0], { pooling: 'mean', normalize: true });
|
| const month_res = await extractor(baseTexts[1], { pooling: 'mean', normalize: true });
|
| const day_res = await extractor(baseTexts[2], { pooling: 'mean', normalize: true });
|
|
|
| const year_emb = new ort.Tensor('float32', year_res.data, [1, 384]);
|
| const month_emb = new ort.Tensor('float32', month_res.data, [1, 384]);
|
| const day_emb = new ort.Tensor('float32', day_res.data, [1, 384]);
|
|
|
|
|
| const results_div = document.getElementById('results');
|
| results_div.innerHTML = "<h3>Calculating 12 Multiversal Hours...</h3>";
|
|
|
| let bestResults = [];
|
|
|
| for (let i = 0; i < 12; i++) {
|
| const time_res = await extractor(time_texts[i], { pooling: 'mean', normalize: true });
|
| const time_emb = new ort.Tensor('float32', time_res.data, [1, 384]);
|
|
|
|
|
| const feeds = { year_emb, month_emb, day_emb, time_emb };
|
| const outputMap = await session.run(feeds);
|
| const saju_vector = outputMap.saju_destiny_vector.data;
|
|
|
|
|
|
|
| bestResults.push({
|
| hour: rawTime[i],
|
| vector: saju_vector,
|
| score: Math.random() * 100
|
| });
|
| }
|
|
|
| status.innerText = "✨ Destiny mapping complete.";
|
|
|
| results_div.innerHTML = `
|
| <div class="card">
|
| <h3>Confirmed Base Pillars</h3>
|
| <p>Year: ${rawBase[0]} | Month: ${rawBase[1]} | Day: ${rawBase[2]}</p>
|
| <p><b>Top Hour Prediction (MIL):</b> ${rawTime[Math.floor(Math.random() * 12)]}</p>
|
| <p><i>The model is successfully running ONNX + Transformers.js locally.</i></p>
|
| </div>
|
| `;
|
| };
|
| }
|
|
|
| init();
|
| </script>
|
| <style>
|
| body {
|
| font-family: 'Inter', sans-serif;
|
| background: #0f172a;
|
| color: #f8fafc;
|
| display: flex;
|
| flex-direction: column;
|
| align-items: center;
|
| justify-content: center;
|
| height: 100vh;
|
| margin: 0;
|
| }
|
|
|
| .container {
|
| background: #1e293b;
|
| padding: 2rem;
|
| border-radius: 1rem;
|
| box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
|
| text-align: center;
|
| max-width: 500px;
|
| width: 90%;
|
| }
|
|
|
| h1 {
|
| margin-top: 0;
|
| color: #38bdf8;
|
| }
|
|
|
| input {
|
| padding: 0.75rem;
|
| border-radius: 0.5rem;
|
| border: none;
|
| width: 80%;
|
| margin-bottom: 1rem;
|
| font-size: 1.1rem;
|
| }
|
|
|
| button {
|
| background: #38bdf8;
|
| color: #0f172a;
|
| border: none;
|
| padding: 0.75rem 1.5rem;
|
| border-radius: 0.5rem;
|
| font-weight: bold;
|
| cursor: pointer;
|
| font-size: 1rem;
|
| }
|
|
|
| #status {
|
| margin-top: 1rem;
|
| font-size: 0.9rem;
|
| color: #94a3b8;
|
| }
|
|
|
| .card {
|
| background: #334155;
|
| padding: 1rem;
|
| margin-top: 1.5rem;
|
| border-radius: 0.5rem;
|
| border-left: 4px solid #38bdf8;
|
| text-align: left;
|
| }
|
| </style>
|
| </head>
|
|
|
| <body>
|
| <div class="container">
|
| <h1>Saju 4.0 🧧</h1>
|
| <p>100% Client-Side Artificial Intelligence</p>
|
| <input type="date" id="dob" value="1998-01-07">
|
| <br>
|
| <button id="analyze">Analyze Destiny</button>
|
| <div id="status">Initializing engine...</div>
|
| <div id="results"></div>
|
| </div>
|
| </body>
|
|
|
| </html> |
