Spaces:

protocol-jarvis
/

Jarvis_protocol

Running

App Files Files Community

protocol-jarvis commited on Apr 8

Commit

f933953

verified ·

1 Parent(s): eca30fd

Update index.html

Browse files

Files changed (1) hide show

index.html +96 -19

index.html CHANGED Viewed

@@ -1,37 +1,108 @@
 <!DOCTYPE html>
-<html>
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <title>J.A.R.V.I.S. Protocol</title>
     <style>
-        body { background: #020a0f; color: #40e0d0; font-family: monospace; margin: 0; display: flex; flex-direction: column; height: 100vh; overflow: hidden; }
-        #log { flex: 1; overflow-y: auto; padding: 20px; border-bottom: 1px solid #1a3a3a; font-size: 14px; line-height: 1.6; }
-        .msg { margin-bottom: 15px; border-left: 2px solid #1a3a3a; padding-left: 10px; }
-        #ctrl { padding: 15px; background: #010508; display: flex; gap: 10px; }
-        #i { flex: 1; background: none; border: 1px solid #1a3a3a; color: #40e0d0; padding: 12px; outline: none; font-family: monospace; }
-        #auth { position: fixed; inset: 0; background: #020a0f; display: flex; align-items: center; justify-content: center; z-index: 999; }
         .hidden { display: none !important; }
-        button { background: none; border: 1px solid #1a3a3a; color: #40e0d0; padding: 10px 20px; cursor: pointer; }
     </style>
 </head>
 <body>
     <div id="auth">
-        <input type="password" id="p" placeholder="PASSCODE" style="background:none; border:1px solid #1a3a3a; color:#40e0d0; padding:10px;">
-        <button onclick="login()">UNLOAD</button>
     </div>
     <div id="app" class="hidden">
-        <div id="log">| SYSTEM ONLINE. GEMINI 3 UPLINK ACTIVE.</div>
         <div id="ctrl">
-            <input type="text" id="i" placeholder="COMMAND..." onkeydown="if(event.key==='Enter') send()">
             <button onclick="send()">EXE</button>
         </div>
     </div>
     <script>
         const PASS = "1234";
-        const KEY = "AIzaSyBsO0MMgrHGVTakWXi9lB-DrOMv9WnVVTg"; // <-- PUT YOUR KEY HERE
         function login() {
             if(document.getElementById('p').value === PASS) {
@@ -46,12 +117,13 @@
             const v = i.value.trim();
             if(!v) return;
             l.innerHTML += `<div class="msg" style="color:#777;">> ${v}</div>`;
             i.value = "";
             l.scrollTop = l.scrollHeight;
             try {
-                // IST & 2026 DATE SYNC
                 const options = {
                     timeZone: 'Asia/Kolkata',
                     weekday: 'long', day: 'numeric', month: 'long', year: 'numeric',
@@ -59,14 +131,19 @@
                 };
                 const now = new Date().toLocaleString('en-IN', options);
-                const prompt = `[SYSTEM: Local Indian Time is ${now}. Today is Wednesday, 8 April 2026. Answer as J.A.R.V.I.S.:] ${v}`;
-                const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-3.1-flash-lite-preview:generateContent?key=${KEY}`;
                 const r = await fetch(url, {
                     method: "POST",
                     headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({ contents: [{ parts: [{ text: prompt }] }] })
                 });
                 const d = await r.json();
@@ -78,7 +155,7 @@
                     l.innerHTML += `<div class="msg">J.A.R.V.I.S.: ${t}</div>`;
                 }
             } catch (e) {
-                l.innerHTML += `<div class="msg" style="color:#ff4d4d;">DIAGNOSTIC: Handshake Failed.</div>`;
             }
             l.scrollTop = l.scrollHeight;
         }

 <!DOCTYPE html>
+<html lang="en">
 <head>
+    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>J.A.R.V.I.S. | Terminal</title>
     <style>
+        /* FULL-SCREEN IPAD OPTIMIZATION */
+        body {
+            background: #020a0f;
+            color: #40e0d0;
+            font-family: 'Courier New', monospace;
+            margin: 0;
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+            width: 100vw;
+            overflow: hidden;
+        }
+        #log {
+            flex: 1;
+            overflow-y: auto;
+            padding: 30px;
+            border-bottom: 2px solid #1a3a3a;
+            font-size: 20px; /* Large, readable text */
+            line-height: 1.6;
+            letter-spacing: 1px;
+            background-image: linear-gradient(rgba(64, 224, 208, 0.03) 1px, transparent 1px);
+            background-size: 100% 30px;
+        }
+        .msg {
+            margin-bottom: 25px;
+            border-left: 3px solid #40e0d0;
+            padding-left: 15px;
+            word-wrap: break-word;
+        }
+        #ctrl {
+            padding: 25px;
+            background: #010508;
+            display: flex;
+            gap: 15px;
+            align-items: center;
+        }
+        #i {
+            flex: 1;
+            background: rgba(26, 58, 58, 0.3);
+            border: 1px solid #40e0d0;
+            color: #40e0d0;
+            padding: 20px;
+            outline: none;
+            font-family: monospace;
+            font-size: 22px; /* Easy to tap and see */
+            border-radius: 8px;
+        }
+        button {
+            background: #1a3a3a;
+            border: 1px solid #40e0d0;
+            color: #40e0d0;
+            padding: 20px 40px;
+            font-size: 20px;
+            cursor: pointer;
+            text-transform: uppercase;
+            font-weight: bold;
+            border-radius: 8px;
+        }
+        #auth {
+            position: fixed;
+            inset: 0;
+            background: #020a0f;
+            display: flex;
+            flex-direction: column;
+            gap: 25px;
+            align-items: center;
+            justify-content: center;
+            z-index: 999;
+        }
         .hidden { display: none !important; }
     </style>
 </head>
 <body>
     <div id="auth">
+        <h2 style="letter-spacing: 5px;">IDENTITY VERIFICATION</h2>
+        <input type="password" id="p" placeholder="PASSCODE" style="background:none; border:1px solid #40e0d0; color:#40e0d0; padding:20px; font-size:20px; text-align:center;">
+        <button onclick="login()">INITIALIZE UPLINK</button>
     </div>
     <div id="app" class="hidden">
+        <div id="log">| SYSTEM ONLINE. STATUS: SECURE.<br>| UPLINK: GEMINI 3 FLASH ACTIVE.<br>| REGION: INDIA [IST SYNCED]</div>
         <div id="ctrl">
+            <input type="text" id="i" placeholder="ENTER COMMAND..." onkeydown="if(event.key==='Enter') send()">
             <button onclick="send()">EXE</button>
         </div>
     </div>
     <script>
         const PASS = "1234";
+        const KEY = "AIzaSyBsO0MMgrHGVTakWXi9lB-DrOMv9WnVVTg"; // <-- INSERT NEW KEY FROM AI STUDIO
         function login() {
             if(document.getElementById('p').value === PASS) {
             const v = i.value.trim();
             if(!v) return;
+            // Immediate visual echo
             l.innerHTML += `<div class="msg" style="color:#777;">> ${v}</div>`;
             i.value = "";
             l.scrollTop = l.scrollHeight;
             try {
+                // REAL-TIME IST & 2026 DATE SYNC
                 const options = {
                     timeZone: 'Asia/Kolkata',
                     weekday: 'long', day: 'numeric', month: 'long', year: 'numeric',
                 };
                 const now = new Date().toLocaleString('en-IN', options);
+                // Prompt Injection
+                const prompt = `[SYSTEM: Current Indian Standard Time is ${now}. Today is Wednesday, 8 April 2026. Answer as J.A.R.V.I.S.:] ${v}`;
+                // 2026 Production Endpoint (1,000 req/day)
+                const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-3.1-flash-lite:generateContent?key=${KEY}`;
                 const r = await fetch(url, {
                     method: "POST",
                     headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({
+                        contents: [{ parts: [{ text: prompt }] }],
+                        generationConfig: { temperature: 0.7, maxOutputTokens: 800 }
+                    })
                 });
                 const d = await r.json();
                     l.innerHTML += `<div class="msg">J.A.R.V.I.S.: ${t}</div>`;
                 }
             } catch (e) {
+                l.innerHTML += `<div class="msg" style="color:#ff4d4d;">DIAGNOSTIC: Handshake Failed. Protocol Interrupted.</div>`;
             }
             l.scrollTop = l.scrollHeight;
         }