Spaces:

protocol-jarvis
/

Jarvis_protocol

Running

App Files Files Community

protocol-jarvis commited on Apr 10

Commit

759fd8d

verified ·

1 Parent(s): 62cc119

Update index.html

Browse files

Files changed (1) hide show

index.html +88 -65

index.html CHANGED Viewed

@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
-    <title>J.A.R.V.I.S. | CORE v3.1</title>
     <style>
         :root { --glow: #40e0d0; --bg: #01080b; --accent: rgba(64, 224, 208, 0.2); }
-        * { box-sizing: border-box; }
         body, html {
             background-color: var(--bg); color: var(--glow);
@@ -15,107 +15,108 @@
             display: flex; flex-direction: column; overflow: hidden;
         }
-        /* UI SCANNING ANIMATION */
         body::after {
-            content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px;
             background: linear-gradient(90deg, transparent, var(--glow), transparent);
-            opacity: 0.3; animation: scan 6s linear infinite; pointer-events: none;
         }
         @keyframes scan { 0% { top: -5%; } 100% { top: 105%; } }
         #log {
-            flex: 1; overflow-y: auto; padding: 40px 25px;
-            display: flex; flex-direction: column; gap: 15px;
             background: radial-gradient(circle at 50% 50%, #031e27 0%, var(--bg) 100%);
         }
         .msg {
             border: 1px solid var(--accent);
-            background: rgba(64, 224, 208, 0.04);
-            padding: 22px; border-radius: 6px;
-            font-size: 21px; line-height: 1.5;
-            transition: 0.3s;
         }
-        .msg:hover { border-color: var(--glow); box-shadow: 0 0 10px rgba(64, 224, 208, 0.1); }
         #ctrl {
-            padding: 25px; background: #000; display: flex; gap: 12px;
-            border-top: 2px solid var(--glow);
         }
         #i {
             flex: 1; background: #051a1a; border: 1px solid var(--glow);
-            color: var(--glow); padding: 18px; font-size: 22px;
-            border-radius: 5px; outline: none; font-family: inherit;
         }
         button {
             background: var(--glow); color: #000; border: none;
-            padding: 0 30px; font-size: 19px; font-weight: bold;
-            border-radius: 5px; cursor: pointer; transition: 0.2s;
         }
-        button:active { transform: scale(0.95); filter: brightness(1.2); }
-        #auth {
-            position: fixed; inset: 0; background: var(--bg);
-            display: flex; flex-direction: column; align-items: center; justify-content: center;
-            z-index: 1000;
-        }
-        .hidden { display: none !important; }
     </style>
 </head>
 <body>
 <div id="auth">
-    <h1 style="letter-spacing: 12px; text-shadow: 0 0 15px var(--glow);">J.A.R.V.I.S.</h1>
-    <input type="password" id="p" placeholder="CORE PASSCODE" style="background:none; border:1px solid var(--glow); color:var(--glow); padding:15px; font-size:24px; text-align:center; outline:none;">
-    <button onclick="login()" style="margin-top:25px; height:55px;">INITIALIZE CORE</button>
 </div>
-<div id="app" class="hidden" style="display:flex; flex-direction:column; height:100vh; width:100vw;">
     <div id="log">
-        <div class="msg">| CORE: 3.1 FLASH LITE PREVIEW</div>
-        <div class="msg">| PERSONALITY MATRIX: INITIALIZED</div>
-        <div class="msg">| STATUS: ALL SYSTEMS OPERATIONAL</div>
     </div>
     <div id="ctrl">
         <button onclick="document.getElementById('fileIn').click()">📷</button>
         <input type="file" id="fileIn" accept="image/*" style="display:none" onchange="handleImage(this)">
-        <input type="text" id="i" placeholder="CMD//" autocomplete="off">
         <button onclick="send()">RUN</button>
     </div>
 </div>
 <script>
-    const PASS = "13579";
-    const KEY = "AIzaSyDtgwbrNUN9mTzgnmGPtGH_BvokxmXbuIs"; // Your New Verified Key
-    let imgData = null;
     let isProcessing = false;
     let history = [];
     let historyIdx = -1;
-        function login() {
         const pInput = document.getElementById('p');
-        const authScreen = document.getElementById('auth');
-        const appScreen = document.getElementById('app');
-        if (pInput.value === PASS) {
-            // Force the UI switch
-            authScreen.style.display = 'none';
-            appScreen.classList.remove('hidden');
-            appScreen.style.display = 'flex'; // Ensures the app layout takes over
             pInput.value = "";
-            speak("Access granted. Systems at 100%, Sir.");
         } else {
-            pInput.value = "";
-            alert("SECURITY ALERT: ACCESS DENIED");
         }
     }
-    // Command History Logic
     document.getElementById('i').addEventListener('keydown', (e) => {
         if (e.key === 'Enter') send();
         if (e.key === 'ArrowUp') {
@@ -136,13 +137,16 @@
     });
     function getIST() {
-        return new Date().toLocaleString('en-IN', { timeZone: 'Asia/Kolkata' });
     }
-        async function send() {
         if (isProcessing) return;
         const input = document.getElementById('i');
-        const val = input.value.trim() || (imgData ? "Scan data." : "");
         if(!val && !imgData) return;
         if(val) { history.push(val); historyIdx = -1; }
@@ -152,39 +156,58 @@
         isProcessing = true;
         try {
-            // Ensure you are using the precise Flash Lite string for maximum speed
-            const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-3.1-flash-lite-preview:generateContent?key=${KEY}`;
-            const response = await fetch(url, {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
                     contents: [{
                         parts: [{
-                            // Streamlined prompt: Fewer words for the AI to read = faster response
-                            text: `[JARVIS] [Concise] Sir: ${val}`
                         }]
                     }],
                     generationConfig: {
-                        temperature: 0.4, // Lower temperature = faster, more direct answers
-                        maxOutputTokens: 250, // Smaller response limit = less processing time
-                        topP: 0.8
                     }
                 })
             });
-            const d = await response.json();
             if (d.error) {
-                alert("CORE DIAGNOSTIC: " + d.error.message);
             } else {
                 const text = d.candidates[0].content.parts[0].text;
                 log.innerHTML += `<div class="msg">J.A.R.V.I.S.: ${text}</div>`;
                 speak(text);
             }
         } catch (e) {
-            console.log("Uplink lag.");
         } finally {
             isProcessing = false;
             log.scrollTop = log.scrollHeight;
         }
     }

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+    <title>J.A.R.V.I.S. | ULTIMATE CORE</title>
     <style>
         :root { --glow: #40e0d0; --bg: #01080b; --accent: rgba(64, 224, 208, 0.2); }
+        * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
         body, html {
             background-color: var(--bg); color: var(--glow);
             display: flex; flex-direction: column; overflow: hidden;
         }
+        /* SCANNING EFFECT */
         body::after {
+            content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px;
             background: linear-gradient(90deg, transparent, var(--glow), transparent);
+            opacity: 0.2; animation: scan 4s linear infinite; pointer-events: none;
         }
         @keyframes scan { 0% { top: -5%; } 100% { top: 105%; } }
+        #auth {
+            position: fixed; inset: 0; background: var(--bg);
+            display: flex; flex-direction: column; align-items: center; justify-content: center;
+            z-index: 9999;
+        }
+        #app {
+            display: none; /* Controlled by JS Hard-Override */
+            flex-direction: column; height: 100vh; width: 100vw;
+        }
         #log {
+            flex: 1; overflow-y: auto; padding: 40px 20px;
+            display: flex; flex-direction: column; gap: 12px;
             background: radial-gradient(circle at 50% 50%, #031e27 0%, var(--bg) 100%);
         }
         .msg {
             border: 1px solid var(--accent);
+            background: rgba(64, 224, 208, 0.05);
+            padding: 18px; border-radius: 4px;
+            font-size: 20px; line-height: 1.4;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
         }
         #ctrl {
+            padding: 20px; background: #000; display: flex; gap: 10px;
+            border-top: 1px solid var(--glow);
         }
         #i {
             flex: 1; background: #051a1a; border: 1px solid var(--glow);
+            color: var(--glow); padding: 15px; font-size: 20px;
+            border-radius: 4px; outline: none; font-family: inherit;
         }
         button {
             background: var(--glow); color: #000; border: none;
+            padding: 0 25px; font-size: 18px; font-weight: bold;
+            border-radius: 4px; cursor: pointer; text-transform: uppercase;
         }
     </style>
 </head>
 <body>
 <div id="auth">
+    <h1 style="letter-spacing: 10px; text-shadow: 0 0 10px var(--glow);">STARK SYSTEMS</h1>
+    <input type="password" id="p" placeholder="CORE PASSCODE" style="background:none; border:1px solid var(--glow); color:var(--glow); padding:15px; font-size:22px; text-align:center; outline:none; width: 250px;">
+    <button onclick="login()" style="margin-top:20px; height:50px; width: 250px;">INITIALIZE CORE</button>
 </div>
+<div id="app">
     <div id="log">
+        <div class="msg">| PROTOCOL: 3.1 FLASH LITE (PREVIEW)</div>
+        <div class="msg">| UPLINK: OPTIMIZED FOR VELOCITY</div>
     </div>
     <div id="ctrl">
         <button onclick="document.getElementById('fileIn').click()">📷</button>
         <input type="file" id="fileIn" accept="image/*" style="display:none" onchange="handleImage(this)">
+        <input type="text" id="i" placeholder="CMD//" autocomplete="off" spellcheck="false">
         <button onclick="send()">RUN</button>
     </div>
 </div>
 <script>
+    const PASS = "1234";
+    const KEY = "AIzaSyDtgwbrNUN9mTzgnmGPtGH_BvokxmXbuIs";
     let isProcessing = false;
     let history = [];
     let historyIdx = -1;
+    let imgData = null;
+    // HARD-OVERRIDE LOGIN
+    function login() {
         const pInput = document.getElementById('p');
+        const auth = document.getElementById('auth');
+        const app = document.getElementById('app');
+        if (pInput.value.trim() === PASS) {
+            // Direct Style Injection to bypass CSS caching
+            auth.style.setProperty('display', 'none', 'important');
+            app.style.setProperty('display', 'flex', 'important');
             pInput.value = "";
+            window.speechSynthesis.cancel();
+            speak("Access granted. Speed protocols active. Welcome back, Sir.");
         } else {
+            alert("WRONG PASSCODE. TRY 1234.");
+            pInput.value = "";
         }
     }
+    // COMMAND HISTORY NAVIGATION
     document.getElementById('i').addEventListener('keydown', (e) => {
         if (e.key === 'Enter') send();
         if (e.key === 'ArrowUp') {
     });
     function getIST() {
+        return new Date().toLocaleString('en-IN', {
+            timeZone: 'Asia/Kolkata', hour: '2-digit', minute: '2-digit', hour12: true
+        });
     }
+    // ULTRA-FAST UPLINK
+    async function send() {
         if (isProcessing) return;
         const input = document.getElementById('i');
+        const val = input.value.trim() || (imgData ? "Analyze sensory data." : "");
         if(!val && !imgData) return;
         if(val) { history.push(val); historyIdx = -1; }
         isProcessing = true;
         try {
+            // Using the production endpoint which maps to the 3.1 architecture
+            const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash:generateContent?key=${KEY}`;
+            const r = await fetch(url, {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
                     contents: [{
                         parts: [{
+                            text: `[JARVIS: ULTRA-FAST] [British/Witty] [Time: ${getIST()}] Sir: ${val}`
                         }]
                     }],
                     generationConfig: {
+                        temperature: 0.5,
+                        maxOutputTokens: 250, // Shorter response = Faster response
+                        topP: 0.1, // Less randomness = Quicker processing
                     }
                 })
             });
+            const d = await r.json();
             if (d.error) {
+                alert("CORE ERROR: " + d.error.message);
             } else {
                 const text = d.candidates[0].content.parts[0].text;
                 log.innerHTML += `<div class="msg">J.A.R.V.I.S.: ${text}</div>`;
                 speak(text);
             }
         } catch (e) {
+            console.log("Connection lag.");
         } finally {
             isProcessing = false;
+            imgData = null;
             log.scrollTop = log.scrollHeight;
         }
     }
+    function speak(t) {
+        window.speechSynthesis.cancel();
+        const u = new SpeechSynthesisUtterance(t);
+        u.rate = 1.15; // Faster voice for a snappier feel
+        window.speechSynthesis.speak(u);
+    }
+    function handleImage(input) {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            imgData = e.target.result.split(',')[1];
+            send();
+        };
+        reader.readAsDataURL(input.files[0]);
+    }
+</script>
+</body>
+</html>